layui表格渲染时返回的数据不符合规范正确的成功状态码 (code) 应为:0

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>

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值