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 中的replace方法说明
Apr 13 Javascript
dwz 如何去掉ajaxloading具体代码
May 22 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
浅谈JavaScript find 方法不支持IE的问题
Sep 28 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
Dec 14 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
JS实现为动态创建的元素添加事件操作示例
Mar 17 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
微信小程序实现收货地址左滑删除
Nov 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
基于文本的搜索
2006/10/09 PHP
PHP文件操作实现代码分享
2011/09/01 PHP
php5.3中连接sqlserver2000的两种方法(com与ODBC)
2012/12/29 PHP
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
zf框架的数据库追踪器使用示例
2014/03/13 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
2016/05/18 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
JavaScript中绑定事件的三种方式及去除绑定
2016/11/05 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
vue 移动端记录页面浏览位置的方法
2020/03/11 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
[01:09]DOTA2次级职业联赛 - ishow.HMM战队宣传片
2014/12/01 DOTA
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
浅析Python中的多进程与多线程的使用
2015/04/07 Python
Python 模板引擎的注入问题分析
2017/01/01 Python
window下eclipse安装python插件教程
2017/04/24 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
python如何通过闭包实现计算器的功能
2020/02/22 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
QML实现钟表效果
2020/06/02 Python
解析Python 偏函数用法全方位实现
2020/06/26 Python
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
2014/09/02 HTML / CSS
荷兰家电销售网站:Welhof
2020/12/08 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
母亲80寿诞答谢词
2014/01/16 职场文书
教师年终个人总结
2015/02/11 职场文书
卫生院艾滋病宣传活动总结
2015/05/09 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
python 管理系统实现mysql交互的示例代码
2021/12/06 Python