SpringMVC 接受前端传参
1、前端传参需要注意请求的Content-type, 主要使用的有两种:
- application/x-www-form-urlencoded
- application/json
application/x-www-form-urlencoded是浏览器的默认编码格式 ,对于原生的form 表单提交参数,就是使用的这种方法,参数格式编码后会成为:key1=value1&key2=value2这样的形式
它支持get和post两种方式进行发送
- 对于get请求方式,会将编码后的参数“key1=value1&key2=value2”添加到url的结尾。
- 对于post方式的请求,会放在请求的body中。
对于以这种编码方式进行传输的请求参数,Controller端可以直接通过 在方法中指定对应的参数名进行接收,或者通过Bean进行接收,Bean的成员变量名与请求的方法进行对应。
前端方法:
xx.net.ajax({
url: `xx/test`,
method: 'get',
data: { id: 1, name: "50" },
success: data => {
console.log("ok")
}
});
如果这时在后端加注解@RequestBody,那么会报错:
org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
其实不加注解也可以接收:
这里打破了我的认知,
我一直以为前端单个单个的参数, 后端用用基本类型或者string接收
前端传对象或者json,后端用bean接收
原来前端传单个单个的参数, 后端也可以用been接收, 以下实测:
小知识点:
1. 日期传参可以直接用xx-xx-xx, 记得在后端字段设置格式
2. 后端用对象, 接收到了x-www-form-urlencoded类型的参数, 名称一样才能匹配上
2、如果前端框架,通过将参数通过JSON.stringfy(params)转换成为JSON字符串形式,那么以application/x-www-form-urlencoded进行传输的时候,实际传送的参数会是:
{"id":1,"name":"50"}:
//这样的参数是不符合key-value形式的,
因为转完之后实际上参数成为了json字符串,而非key=value&key=value字符串
这样的参数,通过get发送时,会变成这样:
http://localhost:8080/iwatch/api/v2/dashboard/test?{%22id%22:1,%22name%22:%2250%22}
//实际上是对 {"id":1,"name":"50"}: 这样的字符串进行了转码
//view source:{%22id%22:1,%22name%22:%2250%22}
//view pased:{"id":1,"name":"50"}:
通过post发送时会是这样:
//view parsed: {"id":1,"name":"50"}:
//view source: {"id":1,"name":"50"}:
这样的形式,这样在后端就会接收不到参数.因此对于将参数转换为JSON字符串之后,需要将content-type指定为:application/json,才能够正确的传输.并且需要配合使用post方法发送请求。
3、如果将参数对象转为了JOSN字符串,后端接受参数较为严格:
a、使用content-type指定为application/json
b、需要配合使用post方法,才能发送成功
xx.net.ajax({
url: `xx/test`,
method: 'post',
data: JSON.stringify({ id: 1, name: "50" }),
success: data => {
console.log("ok")
}
});
c、后端需要指定:@RequestBody来 将参数绑定到bean .(可以默认为@RequestBody为application/json编码格式服务)
@RequestMapping("/test")
@ResponseBody
public String test(@RequsetBody User vo){ // Long id;String name
System.out.println(vo.getId());
return "ok";
}
d、当前端使用application/json编码,并且参数为json字符串后,就只能以post方法发送请求了,否则get请求后面的参数为一个urlEncode之后的json字符串,根本没法发送参数。
http://localhost:8080/test?{%22id%22:1,%22name%22:%2250%22}