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注解,调用和传参是成功的。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 4 个月前
8c391e04 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐