栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 前沿技术 > 大数据 > 大数据系统

LayUi中接口传数据成功,表格不显示数据,大数据架构设计方案

LayUi中接口传数据成功,表格不显示数据,大数据架构设计方案

官方文档地址:传送门

文档中,statusCode 不需要写,写的话 数据会显示不成功。

下面用例子再说明下:

表格页代码如下:

layui

对应的default.json如下:

{

“code”: “0”,

“msg”: “”,

“data”: [{

“id”: “1”,

“username”: “hello”,

“sex”: “boy”

}, {

“id”: “2”,

“username”: “world”,

“sex”: “boy”

}, {

“id”: “3”,

“username”: “too”,

“sex”: “boy”

}]

}

显示的结果如下图:

这种是传参默认符合Layui中Table配置的结果,若仅更改参数名称,即将JSON中的code改为status,得到的结果如下图:

若仅将JSON参数列表中的参数名data更改为rows,得到的结果如下图:

实际上,接口对应的请求都是成功的,只是Layui显示不出来,碰到上述问题,有两个解决办法:

第一,后端改,使传过来的参数名符合Layui所需要;

第二,前端改,需要加代码,Layui有示例,下面也简单说下:

传的JSON,更改code为status,data为rows:

{

“status”: “0”,

“msg”: “”,

“rows”: [{

“id”: “1”,

“username”: “hello”,

“sex”: “boy”

}, {

“id”: “2”,

“username”: “world”,

“sex”: “boy”

}, {

“id”: “3”,

“username”: “too”,

“sex”: “boy”

}]

}

现在页面上表格显示不出来数据,还报错,和上面报的的截图一样,更改html上的代码,如下所示(只显示主要的):

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/674221.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号