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 相关文章推荐
传递参数的标准方法(jQuery.ajax)
Nov 19 Javascript
基于JQuery实现的类似购物商城的购物车
Dec 06 Javascript
JS.findElementById()使用介绍
Sep 21 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
JavaScript实现自动跳转文本功能
May 25 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
javascript实现智能手环时间显示
Sep 18 Javascript
javascript前端实现多视频上传
Dec 13 Javascript
Ajax实现异步加载数据
Nov 17 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 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
openPNE常用方法分享
2011/11/29 PHP
如何设置mysql允许外网访问
2013/06/04 PHP
php批量更改数据库表前缀实现方法
2013/10/26 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
php session的锁和并发
2016/01/22 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
详解PHP神奇又有用的Trait
2019/03/25 PHP
PHP CURL中传递cookie的方法步骤
2019/05/09 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
2011/10/11 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
bootstrapValidator自定验证方法写法
2016/12/01 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
基于layui框架响应式布局的一些使用详解
2019/09/16 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
Pycharm最新激活码2019(推荐)
2019/12/31 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
一些PHP的面试题
2015/05/06 面试题
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
学生会干部自荐信
2014/02/04 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
全国法制宣传日活动总结2014
2014/11/01 职场文书
安全教育观后感
2015/06/17 职场文书
《我的伯父鲁迅先生》教学反思
2016/02/16 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
pytorch 如何使用float64训练
2021/05/24 Python
ROS系统将python包编译为可执行文件的简单步骤
2021/07/25 Python
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle