前端传过来的是json格式,后端如何接收,分好几个情况。
第一个,前端传的是简单的json,后端获取参数:Map<String,Object>
@Controller
public class JsonController{
@PostMapping("/getJson")
@ResponseBody
public Map<String,Object> JsonController(@RequestBody Map<String,Object> user) {
System.out.println("user = " + user.get("id"));
System.out.println("user = " + user.get("name"));
return user;
}
}
前端传的是一个简单的json,后端可以用map集合进行接收,因为json是键值对形式,后端也是可以用键值对形式进行接收的,map集合就是键值对的形式。但是这个参数要用@RequestBody进行修饰,这样这个user对象里面就是键值对的形式。在这个user集合里面,根据键就可以得到值。
第二个,前端传的是简单的json,后端获取参数:实体类
@Controller
public class JsonController{
@PostMapping("/getJson")
@ResponseBody
public student JsonController(@RequestBody student user) {
System.out.println(user.toString());
return user;
}
}
第三个是前段传的是json,后端是一个一个字段接收
<script>
var val = {
"id": 1, "name": "小明"};
$.ajax({
url: "/getJson",
dataType: "JSON",
type: "post",
// contentType: 'application/json;charset=UTF-8', //不能加
data: val,
success: function (msg) {
console.log(msg)
}
})
</script>
@Controller
public class JsonController{
@PostMapping("/getJson")
@ResponseBody
public student JsonController(@RequestParam("id") String id, @RequestParam("name") String name) {
System.out.println(id+"===="+name);
student student = new student();
student.setId(id);
student.setName(name);
return student;
}
看到后端是一个一个字段的接受前端的传过来的json格式的数据,所以后端一定要这样写。
要想后端 一个一个字段的接受,前端jQuery发送json的时候,一定不能加
// contentType: 'application/json;charset=UTF-8', //不能加
前端传的是json集合,后端咋接收
var val1 = [{
"id": 1, "name": "小明"},{
"id": 2, "name": "小红"}];
$.ajax({
url: "/getStudent",
dataType: "JSON", 必须写
type: "post",
contentType: 'application/json;charset=UTF-8', 必须写
data: JSON.stringify(val1),
success: function (msg) {
console.log(msg)
}
})
@PostMapping("/getStudent")
@ResponseBody
public List<student> getJsonVal(@RequestBody List<student> students) throws IOException {
for(student stu : students){
System.out.println("stu = " + stu);
}
return students;
}