1. 程式人生 > >Spring mvc與form表單/json資料的互動

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格式提交請求資料,在瀏覽器除錯介面可以看到它是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註解可以使用

    這裡寫圖片描述
    這裡寫圖片描述
    這裡寫圖片描述