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

曾经终败给现在 2023-05-30 15:56 11阅读 0赞

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5cF9jb21lb24_size_16_color_FFFFFF_t_70][]

我的表格需要渲染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)
         }
    }

控制台打出的是：

![format_png][]

打出的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，这个问题我还在研究，欢迎讨论~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5cF9jb21lb24_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191111104538223.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d5cF9jb21lb24=,size_16,color_FFFFFF,t_70
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubGF5dWkuY29tL3VwbG9hZC8yMDE5XzExLzk2MTI3OTJfMTU3MzIwMjI4NTA4NF85NDQxMS5wbmc?x-oss-process=image/format,png