欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Layui数据表格解析任意数据格式问题

程序员文章站 2024-01-27 15:43:52
...

项目里遇到一个非框架默认格式的json数据,进行数据转换后遇到的bug;

如图所示我要解析的json格式为:

Layui数据表格解析任意数据格式问题

我的表格需要渲染list里面的数据然后我通过格式转换实现了,然而还需要在页面显示 listnnum 和 listynum 的条数值,此时我用data.去取显示undefined...

,done: function (data, curr, count) {
    if(data.code==0){
        $('.listYnum').html('当前可使用的数据:'+data.listynum+'条,');
        $('.listNnum').html('已使用的数据:'+data.listnnum+'条');
        console.log(data);
        console.log(data.listynum);
        console.log(data.msg)
     }
}

控制台打出的是:

Layui数据表格解析任意数据格式问题

打出的data里根本都没有这两个参数。所以觉得很奇怪,后来试了一种方式在parseData 函数里自定义了这两个参数,页面就可以取到这两个值了

,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
     return {
         "code": res.code, //解析接口状态
          "msg": res.msg, //解析提示文本
          "count": res.data.count, //解析数据长度
          "data": res.data.list //解析数据列表
          ,'listnnum':res.listnnum
          ,'listynum':res.listynum    //新知识点划重点
        }
}

之前还没有遇到过这种情况(也有可能文档有些我看漏了),所以记录下来万一其他小伙伴遇到可以参考。

ps:一个小问题

如果把这两个值放到list数组里取值的时候还是undefined,这个问题我还在研究,欢迎讨论~