在layui中如何利用ajax请求返回的json数据,进行表格的渲染,求例子

提问 已结
9 448
企鹅不是鹅
悬赏:60飞吻
版本:layui 2.3.0 浏览器:
各位大神好,我通过ajax请求返回了一堆json数据,如何在layui中使用ajax得到的接口数据渲染表格呢
回帖
  • Lonewolf1
    2018-6-13
    附上table代码,希望能帮到你。
    0 回复
  • Lonewolf1
    2018-6-13
    这位童鞋,Layui的table本来就支持json赋值,文档里很清楚了哇,首先先认证看文档。然后你把你后台传回来的json放在data这个参数里传回来,table能自动获取。如果有能力,你也可以自己修改
    0 回复
  • 柒爱
    2018-6-13
    数据表格的方法渲染了解下
    0 回复
  • @Lonewolf1 ,大神好,我后期是想实现这么一个功能:
    当用户登录后,后台会根据这个用户的权限给我返回一堆数据,
    然后我再利用ajax把这一堆数据渲染给table表格
    我看官方文档是:
    layui.use('table', function(){
    var table = layui.table;

    table.render({
    elem: '#test'
    ,url:'/demo/table/user/'
    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
    ,cols: [[
    {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
    ,{field: 'username', title: '视频序列', width:150}
    ,{field: 'type', title: '分类', width:150, sort: true}
    ,{field: 'upload', title: '上传工地', width:150}
    ,{field: 'time', title: '上传日期', width: 170}
    ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
    ]]
    });
    });
    我就想着用ajax是不是需要写成类似:
    $.ajax({
    url:" ", //接口数据地址
    type:"get",
    success:function(data){
    var res=data.result;
    curr=curr||1;
    count=data.count||50;
    console.log(data)
    table.render({ //其它参数在此省略
    elem: '#LAY_table_user',
    height:500,
    cols:[[
    {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
    ,{field: 'username', title: '视频序列', width:150}
    ,{field: 'type', title: '分类', width:150, sort: true}
    ,{field: 'upload', title: '上传工地', width:150}
    ,{field: 'time', title: '上传日期', width: 170}
    ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
    ]],
    data:data.result,
    page: true,
    done: function(res, curr, count){
    //如果是异步请求数据方式,res即为你接口返回的信息。
    //如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
    console.log(res);

    //得到当前页码
    console.log(curr);

    //得到数据总量
    console.log(count);
    }
    });
    }
    })
    然后我就这么写了,结果出不来
    0 回复
  • 我也在纠结这个问题。 看的不是很懂
    0 回复
  • Lonewolf1
    2018-6-13
    你这种肯定不是这样,如果你要使用你现在的,那你就使用Tpl(模板)渲染,文档里也有相关说明,你去好好读一下。
    0 回复
  • Lonewolf1
    2018-6-13
    我觉得楼主一直在纠结ajax,在案例中url:'/demo/table/user/'部分和你自己ajax里url:" ", //接口数据地址其实是一致的。你就使用官方那个就可以了,只是官方把你的$.ajax部分已经集成到layui模块内部了,你就使用官方的就可以。同样它也是ajax去后台取数据返回的。只是写法不同而已
    0 回复
  • china
    2018-6-21
    @Lonewolf1 http://wx.kmah3.com/Sys/SysAcc/Login 兄弟,这个地址的账号密码是什么,现在admin登录不了,登录页做的不错,想看看后台。能否把测试账号发到这个邮箱228829926@qq.com,十分感谢。
    0 回复
  • Lonewolf1
    2018-6-21
    @china 厉害了,有人删了我的数据[汗] 等我待会重置了就好了。这是初级版本,下个版本正在开发中。集成微信公众号管理
    0 回复