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 indexOf函数使用说明
Jul 03 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
javascript实现仿百度图片的瀑布流加载效果
Apr 20 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
js下载文件并修改文件名
May 08 Javascript
关于JavaScript语句后面的分号问题
Dec 07 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
Dec 11 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
原生javascript单例模式的应用实例分析
Feb 23 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获取一年有几周以及每周开始日期和结束日期
2015/08/06 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
JavaScript 字符编码规则
2009/05/04 Javascript
JQuery 解析多维的Json数据格式
2009/11/02 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
Nodejs极简入门教程(二):定时器
2014/10/25 NodeJs
详解JavaScript函数
2015/12/01 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
canvas实现图像截取功能
2017/02/06 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
jQuery实现表格的增、删、改操作示例
2019/01/27 jQuery
Vant picker 多级联动操作
2020/11/02 Javascript
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
Python利用turtle库绘制彩虹代码示例
2017/12/20 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
Python爬虫PyQuery库基本用法入门教程
2018/08/04 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
python开启debug模式的方法
2019/06/27 Python
python如何读取bin文件并下发串口
2019/07/05 Python
Django密码系统实现过程详解
2019/07/19 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
Python 如何查找特定类型文件
2020/08/17 Python
Python __slots__的使用方法
2020/11/15 Python
勤俭节约演讲稿
2014/05/08 职场文书
应届毕业生求职信范文
2014/05/08 职场文书
环保倡议书500字
2014/05/15 职场文书
公司户外活动总结
2014/07/04 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
企业法人代表证明书
2015/06/18 职场文书
教学副校长工作总结
2015/08/13 职场文书
《植树问题》教学反思
2016/03/03 职场文书
JS前端监控采集用户行为的N种姿势
2022/07/23 Javascript