前后端传参JSON

前后端传参JSON

当前端用ajax.post方法返回一个对象的时候,contorller要用@requestBody处理,他会自动将参数注入你的java实体类对象里面
前后端传参JSON
详细看这个
https://www.cnblogs.com/zhuhui-site/p/10088238.html

完整前后端传参例子
看例子:

前端页面
前后端传参JSON前后端传参JSON
前后端传参JSON前后端传参JSON

前端获取数据JS
前后端传参JSON
注意:前后端传的参数是json对象或者json对象的字符串格式,上面的ajax穿的是JSON.Stringify(data),就是将javascript对象data格式化为json对象的字符串格式,json的本质和map差不多,都是一个<key,value>,所以传参之前要先将前端数据封装成{“key”:“value”,“key”:“value”}形式。

后台Controller
如果用的是@Controller那么方法上就要加上@ResponseBody,作用是将参数以json的格式传到前端
前后端传参JSON
因为前后端中间用的是json形式传参,所以要先把参数封装起来:
单个JAVA对象——>Map<String,String>
Java对象集合(List)——>List<Map<String,Obejct>>

前端渲染数据JS

前后端传参JSON前后端传参JSON