layui 小白 表 接口数据异常 求大神帮忙

提问 未结
18 360
丶北岸
丶北岸 2018-8-6
悬赏:20飞吻
版本:layui 浏览器:
回帖
  • 梁宝
    2018-8-6
    返回的json接口有一定的格式要求,可以参考 http://www.layui.com/demo/table/user/?page=1&limit=30
    其实也可以自定义数据接口,参考一下文档的数据表格-异步数据接口
    0 回复
  • 丶北岸
    2018-8-6
    @梁宝 我是这种格式不行吗?
    0 回复
  • @丶北岸 title的ID好像不是这样写的吧。
    0 回复
  • 丶北岸
    2018-8-6
    @哈哦哈哦 跟title有关系?
    0 回复
  • @丶北岸 看错了,不好意思
    0 回复
  • 梁宝
    2018-8-6
    @丶北岸 我说的后台返回给你的数据,这个需要叫后台改一下
    {
    "code":0,//返回成功标识
    "msg":"",
    "count": 3,//总条数
    "data":[
    {"name":"84:4B:F5:C6:C0:0D","type":"MAC","info":"老板的电脑","time":"2015-10-26 17:59:33"}
    ,{"name":"www.baidu.com","type":"域名","info":"百度","time":"2015-10-26 17:59:33"}
    ,{"name":"BC:EE:7B:76:1A:6E","type":"MAC","info":"我的电脑","time":"2015-08-30 16:47:24"}
    ]
    }
    0 回复
  • 梁宝
    2018-8-6
    @丶北岸
    参考一下我发你的格式
    0 回复
  • Lonewolf1
    2018-8-6
    本来这个问题我回答过好几位楼主,在这里再回答一次吧。
    你的ajax异步返回的数据需要用一个变量装起来,你是直接返回的列表数据。你把这个列表赋值给data就可以了。如下图:
    layui内置数据绑定默认名称有两个,一个是data,一个是list。table默认是data,在tpl中使用d.xxx来取值。当然,你也可以自己改,你原本的数据格式照样可以绑定到table中,但是layui默认不识别,你需要自己修改一下。
    望采纳!
    0 回复
  • 丶北岸
    2018-8-6
    @Lonewolf1
    改了后 就返回成功
    0 回复
  • 丶北岸
    2018-8-6
    0 回复
  • 丶北岸
    2018-8-6
    {
    "data":[
    {
    "create_time":1533116606000,
    "id":"1c35deda54cd4f918a8494a45213eb0d",
    "modify_time":1533116606000,
    "password":"123456",
    "phone_number":"13985562452",
    "role_id":1,
    "username":"勇"
    },
    {
    "create_time":1533283421000,
    "id":"3e633acfbd8b403bb25ca1b38e79c2e5",
    "modify_time":1533030307000,
    "password":"123456",
    "phone_number":"17673132955",
    "role_id":2,
    "username":"杨X勇"
    }
    ],
    "msg":"success",
    "status":1,
    "trxCode":"admin/selecAlltUser.do"
    }
    0 回复
  • 梁宝
    2018-8-6
    @丶北岸
    table.render({
    ,response: {//增加这个
    statusName: 'status' //数据状态的字段名称,默认:code
    ,statusCode: 1 //成功的状态码,默认:0
    }
    });
    把这个表格属性贴上去试试
    0 回复
  • 丶北岸
    2018-8-6
    @梁宝 同样返回 success
    0 回复
  • 梁宝
    2018-8-6
    table.render({
    ,response: {//增加这个
    statusName: 'status' //数据状态的字段名称,默认:code
    ,statusCode: 1 //成功的状态码,默认:0
    ,msgName: 'hint' //状态信息的字段名称,默认:msg
    }
    });
    这样呢?
    0 回复
  • 丶北岸
    2018-8-6

    还是不行!
    返回的json格式 还是
    {
    "data":[
    {
    "create_time":1533116606000,
    "id":"1c35deda54cd4f918a8494a45213eb0d",
    "modify_time":1533116606000,
    "password":"123456",
    "phone_number":"13985562452",
    "role_id":1,
    "username":"杨凯勇"
    },
    {
    "create_time":1533283421000,
    "id":"3e633acfbd8b403bb25ca1b38e79c2e5",
    "modify_time":1533030307000,
    "password":"123456",
    "phone_number":"17673132955",
    "role_id":2,
    "username":"杨凯勇"
    }
    ],
    "msg":"success",
    "status":1,
    "trxCode":"admin/selecAlltUser.do"
    }
    0 回复
  • 丶北岸
    2018-8-6
    @梁宝 如上图
    0 回复
  • 梁宝
    2018-8-6
    @丶北岸 我用json模拟了你的数据
    {
    "data":[
    {
    "create_time":1533116606000,"id":"1c35deda54cd4f918a8494a45213eb0d","modify_time":1533116606000,"password":"123456","phone_number":"13985562452","role_id":1,"username":"勇"}
    ],
    "msg":"success",
    "status":1,
    "trxCode":"admin/selecAlltUser.do"
    }
    	table.render({
    elem: "#dpgl"
    ,url: "../json/dpgl.json"
    ,height: 400
    ,cols: [[
    {type: 'checkbox'}
    ,{field: 'create_time', title: '店铺名称', minWidth: 120, align: 'center'}
    ,{field: 'id', title: '在线设备', minWidth: 160, align: 'center'}
    ,{field: 'modify_time', title: '在线人数', minWidth: 220, align: 'center'}
    ,{field: 'password', title: '授权/IP', minWidth: 120, sort: true, align: 'center'}
    ,{title: '操作', minWidth: 220, align: 'center', toolbar: '#toolbar'}
    ]]
    ,page: true
    ,limit: 10
    ,limits: 10
    ,response: {//增加这个
    statusName: 'status' //数据状态的字段名称,默认:code
    ,statusCode: 1 //成功的状态码,默认:0
    }
    });

    没有问题
    0 回复
  • @梁宝 老铁你这写的代码是放在哪,有什么作用
    0 回复