LayUi中接口传数据成功,表格不显示数据的解决方法
更新时间：2018年08月19日 09:07:11 作者：君不在
今天小编就为大家分享一篇LayUi中接口传数据成功,表格不显示数据的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
今天接触这个框架发现的问题，感觉有必要注意下。
LayUi 对穿过来的 Json 有严格的要求，一般情况下，要求要有4个参数，分别为：
code:0 //数据状态 msg:"" //状态信息 count:1000 //数据总数 data:[] //数据列表
若传过来的 Json 包含这四个参数，且参数名一样，则表格读数据不会出问题。若参数名和上述的不一样，则需要转换下，具体方法如下：
response:{
statusName: '自定义的参数名称' ,// 对应 code
msgName: '自定义的参数名称' , // 对应 msg
countName: '自定义的参数名称' , // 对应 count
dataName: '自定义的参数名称' // 对应 data
}
上述代码 写在 table.render({}) 内。
经过测试，发现有两个字段不是必要的，分别是，msg 和 count 。若不传或参数名对不上时不转换，前台表格页面依旧会显示出数据，必要的参数只有 code 和 data 。
官方文档地址：传送门
文档中，statusCode 不需要写，写的话 数据会显示不成功。
以上这篇LayUi中接口传数据成功,表格不显示数据的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了javascript禁用Tab键的脚本实例，很实用，大家参考使用吧2013-11-11![JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false](//img.jbzj.com/images/xgimg/bcimg1.png)
JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false
这篇文章主要给大家介绍了关于JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要给大家介绍了关于前端js操作Cookie详细介绍与案例的相关资料,JS Cookie是一个用于在浏览器中操作Cookie的JavaScript库,它提供了一组简单的方法来设置、获取、删除和检查 Cookie,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了微信头像地址失效踩坑记附带解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
下面小编就为大家带来一篇js es6系列教程 - 新的类语法实战选项卡(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了js中对函数设置默认参数值的3种方法吗，3种方法都具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-10-10
这篇文章主要为大家介绍了Express代理转发服务器实现技巧详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
录屏软件对于我们来说都不陌生了,本文我们要做的事情是实现自己的录屏软件,载体使用Electron,因为它更适合录制桌面的场景,下面我们就来看看具体实现方法吧2024-01-01
利用组存大法要提高我们程序的性能，让我们的正则表达式的创建于执行更有效率。2009-12-12
这篇文章主要介绍了jscript读写二进制文件的方法,涉及javascript中ActiveXObject对象的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
![JS鲜为人知的问题之[] == ![]结果为true、而{} == !{}却为false](http://img.jbzj.com/images/xgimg/bcimg1.png)
最新评论