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 指导方针
Apr 05 Javascript
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
Javascript学习笔记6 prototype的提出
Jan 11 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
判断window.onload是否多次使用的方法
Sep 21 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
使用jQuery操作DOM的方法小结
Feb 27 Javascript
Vue中引入样式文件的方法
Aug 18 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
微信小程序实现选项卡效果
Nov 06 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
vue2实现provide inject传递响应式
May 21 Vue.js
如何将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
神族 Protoss 历史背景
2020/03/14 星际争霸
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
PHP 危险函数解释 分析
2009/04/22 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
php+MySQL实现登录时验证登录名和密码是否正确
2016/05/10 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
2018/12/03 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
Python常用类型转换实现代码实例
2020/07/28 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
我看到了用指针调用函数的不同语法形式
2014/07/16 面试题
优秀学生事迹材料
2014/02/08 职场文书
小学教师师德感言
2014/02/10 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
幼儿园运动会口号
2014/06/07 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
Go语言实现Snowflake雪花算法
2021/06/08 Golang
Python jiaba库的使用详解
2021/11/23 Python
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python
Python turtle编写简单的球类小游戏
2022/03/31 Python