LayUi中接口传数据成功,表格不显示数据的解决方法


Posted in Javascript onAugust 19, 2018

今天接触这个框架发现的问题,感觉有必要注意下。

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中接口传数据成功,表格不显示数据的解决方法

以上这篇LayUi中接口传数据成功,表格不显示数据的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 判断指定字符串是否为有效数字
May 11 Javascript
js中关于new Object时传参的一些细节分析
Mar 13 Javascript
jQuery代码优化 事件委托篇
Nov 01 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
Mar 04 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
Mar 14 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
JavaScript事件学习小结(三)js事件对象
Jun 09 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
Aug 19 #Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
Aug 19 #Javascript
layui框架table 数据表格的方法级渲染详解
Aug 19 #Javascript
详解微信小程序input标签正则初体验
Aug 18 #Javascript
vue实现键盘输入支付密码功能
Aug 18 #Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 #Javascript
Vue实现6位数密码效果
Aug 18 #Javascript
You might like
php中3种方法删除字符串中间的空格
2014/03/10 PHP
PHP简单实现正则匹配省市区的方法
2018/04/13 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
javascript void(0)的妙用
2009/10/21 Javascript
JQuery 获取和设置Select选项的代码
2010/02/07 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
js确认删除对话框效果的示例代码
2014/02/20 Javascript
JS实现让访问者自助选择网页文字颜色的方法
2015/02/24 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
AngularJS模块学习之Anchor Scroll
2016/01/19 Javascript
js中用cssText设置css样式的简单方法
2016/09/19 Javascript
vue、react等单页面项目应该这样子部署到服务器
2018/01/03 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
2019/07/11 jQuery
JavaScript实现tab栏切换效果
2020/03/16 Javascript
windows下安装Python和pip终极图文教程
2017/03/05 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
python3+PyQt5实现自定义分数滑块部件
2018/04/24 Python
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
Django Rest framework之认证的实现代码
2018/12/17 Python
Django REST Framework序列化外键获取外键的值方法
2019/07/26 Python
基于keras输出中间层结果的2种实现方式
2020/01/24 Python
python与pycharm有何区别
2020/07/01 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
介绍一下RMI的基本概念
2016/12/17 面试题
火山动力Java笔试题
2014/06/26 面试题
小班评语大全
2014/05/04 职场文书
维修工先进事迹
2014/05/29 职场文书
2014卖家双十一活动策划书
2014/09/29 职场文书
社区灵活就业证明
2014/11/03 职场文书
优秀教师先进材料
2014/12/16 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书
Vue的生命周期一起来看看
2022/02/24 Vue.js
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏