讲师中心 微信公众号
AI工具推荐 视频效率加速

Layui如何自定义table表格的接口返回状态码标识

星敏酱_9396

星敏酱_9396

发布时间:2026-07-11 10:27:24

|

684人浏览过

|

来源于php中文网

原创

Layui table.render 默认只认 res.code === 0 为成功,若后端字段非 code(如 status、result、success)或状态值非数字 0,需配合 statusCode、statusName 或 parseData 统一转换为 {code: 0, msg: '', count: N, data: []} 格式,缺一不可。

直接改 response.statuscode 就行,但必须配合 response.statusname 或 parsedata 一起用,否则无效。

response.statusCode 只认数字或布尔值,不认字符串

Layui 的 table.render 默认只把 res.code === 0 当作成功。你想让它认 200、true 甚至 "success",得明确告诉它:

  • statusCode 只接受数字(如 200)或布尔值(如 true),传 "200" 或 "success" 会静默失败
  • 如果后端字段叫 status 而不是 code,必须同时设 statusName: 'status'
  • 如果后端用 success: true 这种布尔字段,statusCode: true 才有效,statusCode: 'true' 没用

后端字段名不叫 code?用 response.statusName 映射

很多接口返回的是 { status: 200, data: [...] } 或 { result: 1, list: [...] },这时不能只改 statusCode,还得告诉 Layui 去读哪个字段:

  • 设 statusName: 'status' → Layui 就去读 res.status
  • 设 msgName: 'error_msg' → 读 res.error_msg 当提示信息
  • 设 countName: 'total' → 读 res.total 当总数
  • 设 dataName: 'items' → 读 res.items 当数据列表

这些字段名映射必须和后端实际 key 完全一致,大小写敏感。

深蓝色网站后台管理系统layui框架模板-AdminPro
深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

后端返回结构太乱?必须用 parseData 做最终兜底

当后端字段名、嵌套层级、状态值类型(比如 success: true)都不统一时,response 配置会力不从心,这时 parseData 是唯一可靠方案:

  • parseData 函数里,你得手动把原始 res 转成 Layui 要的格式:{ code: 0, msg: '', count: 100, data: [] }
  • code 字段必须是数字 0 表示成功,其他值(哪怕 200)都算失败 —— 这是硬逻辑,绕不开
  • 常见错误:在 parseData 里写 "code": res.success,结果 res.success 是 true,而 Layui 只认 0,得转成 res.success ? 0 : 1
  • 别漏掉 count 字段,缺了表格就空白,哪怕后端没返回总数,也得补个 res.data.length 或硬写 0

最易被忽略的一点:Layui 不校验 parseData 返回对象是否完整,少一个 code、data 或 count,表格就彻底不渲染,且控制台不报错 —— 你得自己盯住这四个字段。

热门AI工具

更多
讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2680

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

340

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2513

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1141

2024.09.24

http500解决方法
http500解决方法

http500解决方法有检查服务器日志、检查代码错误、检查服务器配置、检查文件和目录权限、检查资源不足、更新软件版本、重启服务器或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3263

2023.11.09

http请求415错误怎么解决
http请求415错误怎么解决

解决方法:1、检查请求头中的Content-Type;2、检查请求体中的数据格式;3、使用适当的编码格式;4、使用适当的请求方法;5、检查服务器端的支持情况。更多http请求415错误怎么解决的相关内容,可以阅读下面的文章。

854

2023.11.14

HTTP 503错误解决方法
HTTP 503错误解决方法

HTTP 503错误表示服务器暂时无法处理请求。想了解更多http错误代码的相关内容,可以阅读本专题下面的文章。

6346

2024.03.12

http与https有哪些区别
http与https有哪些区别

http与https的区别:1、协议安全性;2、连接方式;3、证书管理;4、连接状态;5、端口号;6、资源消耗;7、兼容性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

5390

2024.08.16

Kratos框架HTTP与gRPC服务开发教程
Kratos框架HTTP与gRPC服务开发教程

本专题围绕Kratos框架双协议服务开发,涵盖HTTP路由与处理器编写、参数获取、gRPC服务实现与客户端调用、metadata上下文传递、encoding编解码注册、统一响应封装、超时控制与流式响应实现方法。

0

2026.10.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
ThinkPHP配置开发与CMS后台实战
ThinkPHP配置开发与CMS后台实战

共87课时 | 12.8万人学习

第二十三期_综合实战
第二十三期_综合实战

共89课时 | 11万人学习

Layui 快速入门精讲
Layui 快速入门精讲

共5课时 | 1.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn