首页
学习
活动
专区
工具
TVP
发布

Http 请求响应与内容协商(二)-$Ajax和Spring mvc

一、jquery $.ajax 中的参数说明

1、contentType:发送数据到服务器时所使用的内容类型。简单的说就是告诉服务我从的是什么类型。

默认是:"application/x-www-form-urlencoded"。

2、dataType:预期的服务器响应的数据类型。

3、data: 规定要发送到服务器的数据。

以用户信息为例:

3.1、对象:{"userId":'1232',"userName":"222"}

3.2、字符串:

3.2.1、表单数据:"userId=1&userName=222"

3.2.2、JSON字符串:'{"userId":'1232',"userName":"222"}'

也可以json.stringify({"userId":'1232',"userName":"222"})转成json字符串

二、Spring mvc 请收参数

1、当content-type:指定的是application/json时,接收参数指定@RequestBody

messageConvert会从request.getInputStream()取出数据转型成JSON对象。

当传的数据不是json字符串时

: JSON parse error。

2、当content-type:application/x-www-form-urlencoded时,指定了@RequestBody,

抛出throw new HttpMediaTypeNotSupportedException这个异常。

3、当content-type:application/x-www-form-urlencoded时,可以用JavaBean接收,

也可以@RequestParam("userId")接收。

特别注意当用JavaBean接收时,如果参数类型不对应将抛出错误。

public class User {

private long userId;

private String userName;

}

Failed to convert property value of type 'java.lang.String' to required type 'long' for property 'userId';

nested exception is java.lang.NumberFormatException: For input string: "12.32"]

三、前端后端一致,数据正常接收

1、ajax 不指定content-type就是默认(application/x-www-form-urlencoded),

data 传送对象,结果正常接收。

前端:

后端:

浏览器:

2、ajax 不指定content-type就是默认(application/x-www-form-urlencoded),

data 传送表单字符串,结果正常接收。

前端:

后端:

浏览器:

3、ajax 指定content-type:"application/json",data 指定

json字符串,后端使用@RequestBody接收,结果正常接收。

前端:

后端:

浏览器:

四、前端后端不致,导致数据不能正常接收

1、前端不指定content-type就是默认(application/x-www-form-urlencoded),

后端使用@RequestBody

前端:

后端:

异常:

2、前端指定content-type:"application/json",data:为JSON对象,

后端使用@RequestBody

前端:

后端:

异常:

3、前端不指定content-type就是默认(application/x-www-form-urlencoded),

数据类型不正确。

前端:

后端:

异常:

关于content-type还不清楚的请看Http 请求响应与内容协商。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181008G1Z6UW00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券