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 相关文章推荐
页面中js执行顺序
Nov 09 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
Feb 19 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
Sep 27 Javascript
Json和Jsonp理论实例代码详解
Nov 15 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
深入理解Vue2.x的虚拟DOM diff原理
Sep 27 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
Js数组扁平化实现方法代码总汇
Nov 11 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 SQL防注入代码集合
2008/04/25 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
获取body标签的两种方法
2011/10/13 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
2019/11/15 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
解决python3中解压zip文件是文件名乱码的问题
2018/03/22 Python
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
python使用selenium实现批量文件下载
2019/03/11 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
Django 批量插入数据的实现方法
2020/01/12 Python
浅谈SciPy中的optimize.minimize实现受限优化问题
2020/02/29 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
资产评估专业学生的自我鉴定
2013/11/14 职场文书
一体化教学实施方案
2014/05/10 职场文书
贷款承诺书范文
2014/05/19 职场文书
大学生违纪检讨书300字
2014/10/25 职场文书
小学师德师风整改措施
2014/10/27 职场文书
保安辞职信范文
2015/02/28 职场文书
IDEA 链接Mysql数据库并执行查询操作的完整代码
2021/05/20 MySQL