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 相关文章推荐
eval的两组性能测试数据
Aug 17 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
Aug 07 Javascript
前端深入理解Typescript泛型概念
Mar 09 Javascript
JavaScript arguments.callee作用及替换方案详解
Sep 02 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
如何将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
Zend Framework前端控制器用法示例
2016/12/11 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
2018/09/26 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
一端时间轮换的广告
2006/06/26 Javascript
如何做到打开一个页面,过几分钟自动转到另一页面
2007/04/20 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
js时间转换毫秒的实例代码
2019/08/21 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
[09:43]DOTA2每周TOP10 精彩击杀集锦vol.5
2014/06/25 DOTA
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
Python实现子类调用父类的方法
2014/11/10 Python
linux 下实现python多版本安装实践
2014/11/18 Python
Python中的自省(反射)详解
2015/06/02 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
使用TensorFlow搭建一个全连接神经网络教程
2020/02/06 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
python 装饰器的基本使用
2021/01/13 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
三提三创主题教育活动查摆整改措施
2014/10/25 职场文书
小班上学期个人总结
2015/02/12 职场文书
少先队工作总结2015
2015/05/13 职场文书
生日寿星公答谢词
2015/09/29 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
高一作文之乐趣
2019/11/21 职场文书
MySQL实战记录之如何快速定位慢SQL
2022/03/23 MySQL
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技