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 相关文章推荐
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
jquery查找父元素、子元素(个人经验总结)
Apr 09 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
jquery插件bootstrapValidator表单验证详解
Dec 15 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
vue小白入门教程
Apr 02 Javascript
详解vue 单页应用(spa)前端路由实现原理
Apr 04 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
详解Vue之计算属性
Jun 20 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常用文件操作函数汇总
2014/11/22 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
浅析jQuery中使用$所引发的问题
2016/05/29 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
nodejs通过钉钉群机器人推送消息的实现代码
2019/05/05 NodeJs
Vue程序调试的方法
2019/06/17 Javascript
wx-charts 微信小程序图表插件的具体使用
2019/08/18 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
js实现弹幕飞机效果
2020/08/27 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
Python中的模块和包概念介绍
2015/04/13 Python
python计算方程式根的方法
2015/05/07 Python
python 接口_从协议到抽象基类详解
2017/08/24 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
Python函数参数分类原理详解
2020/05/28 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
国外的一些J2EE面试题一
2012/10/13 面试题
毕业生教师求职信
2013/10/20 职场文书
大学生简历的个人自我评价
2013/12/04 职场文书
活动总结报告格式
2014/05/09 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
技术支持岗位职责
2015/02/13 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
欠款纠纷起诉状
2015/05/19 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
血轮眼轮回眼特效 html+css
2021/03/31 HTML / CSS
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
Python pyecharts案例超市4年数据可视化分析
2022/08/14 Python