layui使用时后台数据通常会返回的是数据集合列表,页面就会报错:返回的数据不符合规范,正确的成功状态码 (code) 应为:0
默认数据格式:
{
"code" : 0,
"msg": "",
"count": res.length,
"data":res
}
code是返回的状态 ,data是数据,这两个字段是必须的。后台接口通常返回的是数据列表,所以table渲染的时候需要进行一下数据处理
parseData: function (res) {
return {
“code” : 0,
“msg”: “”,
“count”: res.length,
“data”:res
}
}
<script>
layui.use(['element', 'table','form'], function () {
var $ = layui.jquery,
element = layui.element, //Tab的切换功能,切换事件监听等,需要依赖element模块
table = layui.table,
form = layui.form;
table
.render({
id:"LAY-user-manage",
elem: "#LAY-user-manage",
url: '/sysuser/lstUser',
even: true,
page: true,
cellMinWidth: 80,
cols: [
[ //thymeleaf中[[…]]之间的表达式是内联表达式,所以要分开书写,否则渲染错误
{type:'id', width: 70, hide : true},
{type:'numbers', width: 70},
{field: "userName", title: "用户名", width: 150, sort: true},
{field: "realName", title: "姓名",width: 150 },
{field: "passWord", title: "密码",width: 150 ,hide : true},
{field: 'status', title: '状态', width: 100, templet:function(d){
if(d.status==1){
return "可用"
}else{
return "禁用"
}
}},
{field: 'right', title: '', width: 100, toolbar: '#barDemo'}
]
],
limits : [10, 20, 30, 40 ],
limit : 10,
parseData: function (res) {
return {
"code" : 0,
"msg": "",
"count": res.length,
"data":res
}
},
done: function (res, curr, count) {
// data = res.data;
console.log(res.data)
}
})
</script>