Spring mvc与form表单/json数据的交互

ajax异步提交请求常用的contentType有两种：contentType:application/x-www-form-urlencoded contentType:application/json，如何使用springmvc处理请求数据呢？

首先，我们来看一下js对象的两种数据格式：

普通js对象，对象属性名不使用引号标注

var baseJob = {
   jobName:$("#jobName").val(),
   jobGroupName:$("#jobGroup").val(),
   triggerName:$("#triggerName").val(),
   triggerGroupName:$("#triggerGroup").val(),
   cronExpression:$("#cronExpression").val(),
   description:$("#description").val()
}

符合json串的js对象，对象属性名必须用引号标注

var baseJob = {
    "jobName":$("#jobName").val(),
    "jobGroupName":$("#jobGroup").val(),
    "triggerName":$("#triggerName").val(),
    "triggerGroupName":$("#triggerGroup").val(),
    "cronExpression":$("#cronExpression").val(),
    "description":$("#description").val()
}

对于上面两种js对象，在指定contentType时，需要关注一下ajax提交数据的格式和后端的接收方式

contentType:application/x-www-form-urlencoded

ajax不指定contentType时，默认使用的请求格式，也就是form表单提交数据。在浏览器调试界面可以看到它是Form Data方式提交数据，对于上面两种js对象，后端都可以正常接收
contentType:application/json

以JSON格式提交请求数据，在浏览器调试界面可以看到它是Request Payload，后端必须使用@RequestBody 注解解析数据，并且前端提交的数据必须是符合json串的js对象

注意（使用contentType:application/json时）：
1. 后端必须使用@RequestBody，并且只能用一个参数与前端传的数据进行匹配，否则http请求400
2. 前端提交的数据必须是符合json串的js对象，如果是普通的js对象，必须使用JSON.stringify方法转换，也可以直接拼接参数例如： "{\"jobName\":\"123\",\"jobGroupName\":\"456\"}"，否则参数是以key=value&key1=value1格式传递，导致http请求400。JSON.stringify作用：
```
	JSON.stringify()就是把js对象，例如
	var baseJob = {
	   jobName:123,
	   jobGroupName:456
	}
	转成
	var baseJob = "{\"jobName\":\"123\",\"jobGroupName\":\"456\"}"
```
3. @RequestParam注解不能接收application/json的数据，只能使用@RequestBody
4. @PathVariable注解可以使用

Spring mvc与form表单/json数据的交互

猜你喜欢