bootstraptable的使用无法解析数据

原理是分简单前台直接发送ajax请求,服务端返回json
引入:
bootstrap-table.min.css
bootstrap.min.css
jquery.min.js // 在前面引入,不要在别的js后面
bootstrap.min.js?v=3.3.6
bootstrap-table.min.js
bootstrap-table-zh-CN.min.js

bootstraptable的使用无法解析数据_第1张图片
此时怎么吧数据解析到一条条数据呢?
`columns : [
{
checkbox : true
},
{
field : ‘id’,
title : ‘id’,
visible:false
},
{
field : ‘ztid’,
title : ‘专题id’,
width:25,
align:‘center’,
},
{
field : ‘schoolid’,
title : ‘学校id’,
width:25,
align:‘center’,
},
{
title : ‘操作’,
align : ‘center’,
width:100,
align:‘center’,
formatter : function(value, row, index) {
var c = '通过 ';
var d = '删除 ';
return c+d;
}
} ],

这样写的原理是将json解析,很多人服务端分页没数据是怎么回事呢?别着急

JSONArray jsonArray = JSONArray.fromObject(list);如此解析,前端当然直接就解析出来了,但是比如服务端分页怎么搞呢?
Map data =new HashMap();
data.put(“total”, total);
data.put(“rows”, list);
JSONArray jsonArray = JSONArray.fromObject(data);

total是查询到的总数

这种是需要手动解析下的
需要根据返回的json串来解析
responseHandler:function(res){
console.info(res);
return {
“total”:res[0].total,
“rows”:res[0].rows
}
}
res即为返回的json串 然后根据自己的情况解析 下图是楼主自己的json串,故如此解析。
total rows 是bootstraptable自己识别的字段,不可弄混

bootstraptable的使用无法解析数据_第2张图片
所以说只要json解析正确,不会出现没数据的情况

你可能感兴趣的:(前端)