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读取xml
Nov 04 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
ajax前台后台跨域请求处理方式
Feb 08 Javascript
vue将对象新增的属性添加到检测序列的方法
Feb 24 Javascript
微信小程序实现刷脸登录
May 25 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
Jul 18 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 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执行速度全攻略(上)
2006/10/09 PHP
不要轻信 PHP_SELF的安全问题
2009/09/05 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
2014/06/25 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
详解Angular-Cli中引用第三方库
2017/05/21 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
js获取地址栏参数的两种方法
2017/06/27 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
vue+element实现表单校验功能
2019/05/20 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
Python进程间通信之共享内存详解
2017/10/30 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
Pytorch 多维数组运算过程的索引处理方式
2019/12/27 Python
用python对excel查重
2020/12/07 Python
scrapy-splash简单使用详解
2021/02/21 Python
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
介绍一些UNIX常用简单命令
2014/11/11 面试题
八年级美术教学反思
2014/02/02 职场文书
两只小狮子教学反思
2014/02/05 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
文明单位创建材料
2014/12/24 职场文书
重阳节座谈会主持词
2015/07/03 职场文书
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL