protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
List<Ranking> list = new ArrayList<Ranking>();
list = vd.getRanking();
ObjectMapper mapper = new ObjectMapper(); //提供java-json相互转换功能的类
String json = mapper.writeValueAsString(list); //将list中的对象转换为Json格式的数组
System.out.println(json);
resp.getWriter().write(json);
}
这是前端的
function initTable() {
//先销毁表格
$('#cusTable').bootstrapTable('destroy');
//初始化表格,动态从服务器加载数据
$("#cusTable").bootstrapTable({
method: "get", //使用get请求到服务器获取数据
url: "ajaxGetSellRecord", //获取数据的Servlet地址
dataType: "json",
striped: true, //表格显示条纹
pagination: true, //启动分页
pageSize: 1, //每页显示的记录数
pageNumber:1, //当前第几页
pageList: [5, 10, 15, 20, 25], //记录数可选列表
search: false, //是否启用查询
showColumns: true, //显示下拉框勾选要显示的列
showRefresh: true, //显示刷新按钮
sidePagination: "server", //表示服务端请求
//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType : "undefined",
onLoadSuccess: function(){ //加载成功时执行
layer.msg("加载成功");
},
onLoadError: function(){ //加载失败时执行
layer.msg("加载数据失败", {time : 1500, icon : 2});
}
});
}
$(document).ready(function () {
//调用函数,初始化表格
initTable();
});
<table id="cusTable">
<thead>
<tr>
<th>name</th>
<th>cardid</th>
<th>type</th>
<th>dept</th>
<th>days</th>
</tr>
</thead>
1 个解决方案
#1
bootstrapTable需要接收一个jsonObject对象,里面包括一个jsonArray的数据rows和条数total,这两个名字是不能变的,把查询出来的数据放到rows里面,条数放到total里面返回
#1
bootstrapTable需要接收一个jsonObject对象,里面包括一个jsonArray的数据rows和条数total,这两个名字是不能变的,把查询出来的数据放到rows里面,条数放到total里面返回