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提交数据的格式和后端的接收方式

1. contentType:application/x-www-form-urlencoded

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

2. contentType:application/json + 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注解可以使用

   
   
   

3. contentType:application/json + 查询字符串形式

   无论是post请求还是get请求，后台也不用@RequestBody注解，调用和传参是成功的。