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 相关文章推荐
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
jquery学习笔记之无new构建详解
Dec 07 jQuery
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
当vue路由变化时,改变导航栏的样式方法
Aug 22 Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 Javascript
小程序实现侧滑删除功能
Jun 25 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
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
php更新cookie内容的详细方法
2019/09/30 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
Add a Formatted Table to a Word Document
2007/06/15 Javascript
jQuery 树形结构的选择器
2010/02/15 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
JQuery切换显示的效果实例代码
2013/02/27 Javascript
js/html光标定位的实现代码
2013/09/23 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
JavaScript图片轮播代码分享
2015/07/31 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
7个jQuery最佳实践
2016/01/12 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
vue中SPA单页面应用程序详解
2017/11/07 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
webpack 处理CSS资源的实现
2019/09/27 Javascript
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[36:33]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.29
2020/12/02 DOTA
python实现批量监控网站
2016/09/09 Python
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
董事长秘书岗位职责
2013/11/29 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
机电一体化专业求职信
2014/07/22 职场文书
老兵退伍标语
2014/10/07 职场文书
2015出纳试用期工作总结
2014/12/12 职场文书
Python基本知识点总结
2022/04/07 Python
Tomcat配置访问日志和线程数
2022/05/06 Servers