Layui中table数据表格使用方法渲染返回的数据不符合规范，正确的成功状态码应为：“code“: 0异常处理

淩亂°似流年 2024-03-26 16:53 58阅读 0赞

#### 目录 ####

*  一、异常错误
 *  二、原因
 *  三、解决方法

## 一、异常错误 ##

返回的数据不符合规范，正确的成功状态码应为：“code”: 0异常处理  
![在这里插入图片描述][b4c9ee7706b44a479a2c21bc4f2d9477.png]

## 二、原因 ##

根据官方文档描述

> 异步数据参数中，数据格式解析的回调函数，用于将返回的任意数据格式解析成 table 组件规定的数据格式。table 组件默认规定的数据格式为

{
        
      "code": 0,
      "msg": "",
      "count": 1000,
      "data": [{
        }, {
        }]
    }

> 很多时候，接口返回的数据格式并不一定都符合 table 默认规定的格式，比如

{
        
      "status": 0,
      "message": "", 
      "total": 180, 
      "data": {
        
        "item": [{
        }, {
        }]
      }
    }

> 那么你需要借助 parseData 回调函数将其解析成 table 组件所规定的数据格式。

table.render({
        
      elem: '#demp'
      ,url: ''
      ,parseData: function(res){
         //res 即为原始返回的数据
        return {
        
          "code": res.status, //解析接口状态
          "msg": res.message, //解析提示文本
          "count": res.total, //解析数据长度
          "data": res.data.item //解析数据列表
        };
      }
      //,…… //其他参数
    });

也就是说，我们的数据格式不对，`"code": 0`没有达到，需要使用 parseData设置一下

## 三、解决方法 ##

在table.render渲染函数中规定数据解析格式

,parseData:function (res){
        
                    console.log(res);
                    return{
        
                        "code":0,
                        "msg":"",
                        "count":1000,
                        "data":res
                    }
                }

![在这里插入图片描述][9afb40559ae2404f94a4b1a0068f7d45.png]

表格就正确渲染成功了

![在这里插入图片描述][b8b114de11604b018ce1243ab7852349.png]

[b4c9ee7706b44a479a2c21bc4f2d9477.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/6cd12a97a03d41a89b06e9ee3d462c53.png
[9afb40559ae2404f94a4b1a0068f7d45.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/7386abf9c80e41a2990a8c3526d6c160.png
[b8b114de11604b018ce1243ab7852349.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/47893357241b48dbb85f588f3367d9ff.png