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画线(实例代码)
Nov 20 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
Mar 28 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
Oct 28 Javascript
vue.js选中动态绑定的radio的指定项
Jun 02 Javascript
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
AngularJS与BootStrap模仿百度分页的示例代码
May 23 Javascript
浅谈从React渲染流程分析Diff算法
Sep 08 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
原生JS实现图片懒加载之页面性能优化
Apr 26 Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 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 判断变量类型实现代码
2009/10/23 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
php中用memcached实现页面防刷新功能
2014/08/19 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
利用PHP_XLSXWriter代替PHPExcel的方法示例
2017/07/16 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
php 读取文件夹下所有图片、文件的实例
2018/10/17 PHP
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
js/jquery判断浏览器类型的方法小结
2015/05/12 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
JS更改select内option属性的方法
2015/10/14 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
[00:12]DAC2018 Miracle-站上中单舞台,他能否再写奇迹?
2018/04/06 DOTA
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
详解Python map函数及Python map()函数的用法
2017/11/16 Python
Python实现接受任意个数参数的函数方法
2018/04/21 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
Django+uni-app实现数据通信中的请求跨域的示例代码
2019/10/12 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
Django Admin后台模型列表页面如何添加自定义操作按钮
2020/11/11 Python
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
大学三年的自我评价
2013/12/25 职场文书
导游个人求职信
2014/04/25 职场文书
铁路安全事故反思
2014/04/26 职场文书
外贸英文求职信范文
2015/03/19 职场文书
2019学生会干事辞职信
2019/06/27 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers