解决Layui表格数据返回状态异常:HashMap与JSONObject方案对比
作者:夜航船时间:2026-10-23 10:57:50浏览:513
本文针对Layui表格组件返回数据状态异常的问题,分析默认数据格式要求,对比JSONObject与HashMap两种后端封装方案。重点介绍使用HashMap结合PageHelper插件实现分页及状态码返回的便捷方法,帮助开发者快速解决数据渲染错误。
Layui表格数据格式异常原因分析
近期在使用Layui表格组件时,遇到了数据返回状态异常的情况。经过查阅相关资料发现,这通常是因为后端返回的数据格式未转换为Layui要求的固定格式所致。
Layui的table组件默认期望接收的数据格式如下所示:
Layui默认数据格式规范
response: { //定义后端 json 格式,详细参见官方文档
code: 0,
msg: "",
count: 1000,
data: []
}
网络上的一些解决方案建议将数据转换为JSON格式,但实际操作中感觉较为繁琐。
方案一:使用JSONObject封装
JSONObject obj=new JSONObject();
//前台通过key值获得对应的value值
obj.put("code", 0);
obj.put("msg", "");
obj.put("count",1000);
obj.put("data",list);
// array.add(obj);
return obj.toString();
相比之下,使用HashMap集合来处理数据显得更为简便,同时还能顺便实现分页功能。
方案二:使用HashMap结合分页插件
public Map<String, Object> queryUserList(Integer curr, Integer limit) {
PageHelper.startPage(Integer.valueOf(curr), Integer.valueOf(limit));
List<Users> list = loginMapper.queryUserList();
long total = ((Page) list).getTotal();
Map<String, Object> map = new HashMap<>();
map.put("code", 0);
map.put("msg", "");
map.put("count",total);
map.put("data",list);
return map;
}
以下代码展示了如何使用HashMap结合PageHelper插件实现用户列表查询及分页功能:
以上关于Layui表格返回数据状态异常的解决方法分享完毕,希望能对各位有所帮助,欢迎参考与支持。
作者最新文章
在 NestJS 中使用管道验证数据与守卫控制访问权限
2026-11-05 12:43:41
Node.js后端生成高强度随机字符串的方法
2026-11-04 16:29:54
Node.js环境中怎么使用axios或http模块发送GET请求
2026-11-03 21:57:15
Node.js环境下怎么实现JS反混淆自动化?常用库与CLI工具推荐
2026-11-03 21:15:54
解决JS逆向常见报错:缺少DOM环境导致代码运行失败
2026-11-03 20:41:59
