springMVC传值给layui的parseData详细使用

其他的表格参数很简单,这里主要是记录一下parseData。

首先我们先看一下layui官方文档

parseData 数据格式解析的回调函数,用于将返回的任意数据格式解析成 table 组件规定的数据格式 假设你接口返回的数据为以下格式

codelayui.code { “status”: 0, “message”: “”, “total”: 180,
“data”: {
“item”: [{}, {}] } }
那么你需要将其解析成 table 组件所规定的数据(详见: response 参数介绍)

codelayui.code table.render({ elem: ‘#demp’ ,url: ‘’ ,parseData:
function(res){ //res 即为原始返回的数据
return {
“code”: res.status, //解析接口状态
“msg”: res.message, //解析提示文本
“count”: res.total, //解析数据长度
“data”: res.data.item //解析数据列表
}; } //,…… //其他参数 });
该参数非常实用,为 layui 2.4.0 开始新增

那么从springMVC要怎么传值给它呢???

js它接收的是res原始返回数据,也就是说我们从服务器返回的数据必须是【key,value】格式,并且里面必须包含有status,message,total,data,这几个参数名字要对应上就OK了!

function(res){ //res 即为原始返回的数据
return {
“code”: res.status, //解析接口状态
“msg”: res.message, //解析提示文本
“count”: res.total, //解析数据长度
“data”: res.data.item //解析数据列表
}; } //,…… //其他参数 });

上完整代码

springMVC的代码

@RequestMapping("getall")
	public String getAllEmpMessage(ModelMap model) {
		Map<String, Object> map=new HashMap<String, Object>();
		List<Message> employee_message= messageMapper.selectByMap(map);
		model.put("data", employee_message);
		model.put("status", 0);
		model.put("message", "");
		model.put("total", "");
		System.out.println(employee_message.size());
		return "emp_message.html";
	}

JS代码

在这里插入图片描述

总结:一开始一直在纠结我只返回了数据后,在response里就纳闷我的服务器端怎么只返回了data,没有其他code\mes\count,然后console里也报错找不到它们,后来才知道要把这几个参数自己写好打包一起发过去。

发布了53 篇原创文章 · 获赞 0 · 访问量 4142

猜你喜欢

转载自blog.csdn.net/qq_36453423/article/details/103890628