![5689d081a6514363a97208eaed1449c9.png](https://i-blog.csdnimg.cn/blog_migrate/0ed07822845794fc820b8e1372fcbb07.jpeg)
有时候,我真会被传参搞得头晕,这样传要怎么接收,那样传又要怎么接收? get可以json吗?什么是json方式提交?等等问题,已困扰我许久 所以,在此想做个总结,整理一下思绪,不再为传收参烦恼!如有错误,望联系纠正,感谢!
首先梳理一下HTTP的一些知识
1.GET和POST请求,在传参方面有什么区别
GET传输的数据存储在URL上进行拼接 POST传输的数据存储在Requst Body(请求体)中
2.http请求的中Content-Type
http的请求头和响应头中都有Content-Type字段,这个字段向我们说明了请求和响应的HTTP body(请求体或响应体)存储了什么类型的数据,然后客户端和服务端就可以根据http头部得Content-Type正确解码HTTP body内容。
关联第1点
:GET方式的请求和Content-Type是没有任何关系的,因为GET请求的数据在URL上。
好叻,进入正题。这里我们分为3种情况说明如何传参与接参,分别为 GET方式请求
、 表单提交
、 Json提交
1.GET方式请求
(1).普通URL get请求 http://localhost:8080/ajaxGet?id=1&username=用户名&userTrueName=真实姓名
//get也可以传json,通过参数传json字符串,然后后端进行解析(不过一般都不这么做)
http://localhost:8080/ajaxGet?user={"id":"1","username":"用户名","userTrueName":"真实姓名"}
(2).表单类GET请求
<form id="fromGet" action="fromGet" method="GET">
<input type="text"name="id" value="1">
<input type="text"name="username" value="用户名">
<input type="text" name="userTrueName" value="真实名字">
</form>
(3).AJAX Get请求
(A)正确示例
$.ajax({
type: "GET",
url: "http://localhost:8080/ajaxGet",
data:{"id":1,"username":"用户名","userTrueName":"真实名称"},
//contentType:'application/x-www-form-urlencoded'
contentType:'application/json'
});
注意:
1.data必须为json对象
2.实际上无需设置contentType
示例中我故意设置了contentType,但其实不管设置成什么都是无效的
,因为传输的数据会在发送请求时,对Json对象进行编码解析
,拼接到URL上,如下图
![319dd3751ac924c0b5b613402f5eecf2.png](https://i-blog.csdnimg.cn/blog_migrate/3569de0a7f6a8ca2b655a21f659bbc55.jpeg)
(B)错误示例(data为json字符串)
//data为json字符串
$.ajax({
type: "GET",
url: "http://localhost:8080/ajaxGet",
data:JSON.stringify({"id":1,"username":"用户名","userTrueName":"真实名称"}),
//contentType:'application/x-www-form-urlencoded'
contentType:'application/json'
});
GET请求时,data不能使用json字符串,无法解析,如下图
![54a62155c1ee96fa5926410de60f784d.png](https://i-blog.csdnimg.cn/blog_migrate/58f834471d19b6ba6da3e28f417a38d4.png)
SpringMvc接收参数方式
1.实体类接收 2.Map接收,必须使用@RequestParam注解 3.拆开单个参数接收(参数少的情况可使用)
2.Form表单提交
ps:针对POST,第一点包含了所有GET请求方式
form表单提交一般说的是content-type为x-www-form-unlencoded或multipart/form-data的请求
(1) 传统form表单提交,默认content-type为 x-www-form-unlencoded
,如下
<form id="fromPost" action="fromPost" method="POST">
<input type="text"name="id" value="1">
<input type="text"name="username" value="用户名">
<input type="text" name="userTrueName" value="真实名字">
</form>
(2) 含文件的form表单,需要指明enctype为 multipart/form-data
(enctype相当于content-type)
<form id="fromMutli" action="fromMutli" enctype="multipart/form-data" method="POST">
<input type="text"name="id" value="1">
<input type="file" name="file">
</form>
(3) Ajaxform表单提交
//data为json对象
$.ajax({
type: "POST",
url: "http://localhost:8080/ajaxPost",
dataType: 'json',
data:{"id":1,"username":"用户名","userTrueName":"真实名称"},
contentType:'application/x-www-form-urlencoded'
});
SpringMvc接收参数方式
1.实体类接收 2.Map接收,必须使用@RequestParam注解 3.拆开单个参数接收(参数少的情况可使用) 4.后台的file文件需要使用MultipartFile类型接收
3.Json提交
ps:针对POST,第一点包含了所有GET请求方式
Json提交一般说的是content-type为application/json的请求,传输的Json是Json字符串
正确示例
//注意:data为json字符串 contentType为application/json
$.ajax({
type: "POST",
url: "http://localhost:8080/ajaxPost",
dataType: 'json',
data:JSON.stringify({"id":1,"username":"用户名","userTrueName":"真实名称"}),
contentType:'application/json;charset=urf-8'
});
注意:data为Json字符串,这个很重要
SpringMvc接收参数方式
必须使用@RequestBody注解
1.字符串接收,然后对Json字符串解析转换
2.实体类接收
3.Map接收
如下:
@PostMapping(value = "ajaxPost")
public void ajaxPost(@RequestBody String param){
JSONObject json = JSON.parseObject(param);
}
@PostMapping(value = "ajaxPost")
public void ajaxPost(@RequestBody User user){
}
@PostMapping(value = "ajaxPost")
public void ajaxPost(@RequestBody Map map){
}
总结:
1.GET请求方式与Form提交,后端spingMvc接收参数方式相同,如下
(1)实体类接收
(2)Map接收,必须使用@RequestParam注解
(3)拆开单个参数接收(参数少的情况使用)
(4)后台的file文件需要使用MultipartFil类型接收(form表单文件提交)
2.Json提交
必须使用@RequestBody注解
(1)字符串接收,然后对json字符串解析转换
(2)实体类接收
(3)Map接收
3.建议:
(1)参数少的查询使用Get请求,参数多可使用Post
(2)涉及到数据库的修改操作,使用Post请求
(3)Post请求统一使用Json提交(即content-type=application/json),统一方式方便前后端联调,json传参灵活
(4)参数多的,使用实体类接收,因为Map含有参数的不确定性,根本看不出你需要的啥参数,宁愿新建一个实体类接收参数,可增强代码的可读性
比如使用swagger api文档时,可使用注解标注的实体类对应参数,但用map的话,你要啥参数,鬼知道咯~
拓展知识:
@RequestParam注解
其实使用注解@RequestParam就等同于request.getParamter获取参数 但@RequestParam有更多的用处,它有以下几个重要属性
(1).value:前端传参的参数名称,这个属性可以使得前端参数名字与方法参数名不相同,使用这个参数进行数据绑定就ok了
//前端传参可以是"name" 方法参数中为"userName"
//使用@RequestParam("name")可将name和userName进行绑定
//即可使用userName接收name的数据
@RequestMapping("/test")
public void test(@RequestParam("name") String userName)){
}
(2)requried:表示是否是必须的参数,默认为true,所以加上@RequestParam,默认这个参数就是必须的,如果没有传对应参数会报错
(3)defaultValue:参数默认值。即设置默认值后,没有传参时,会赋予参数一个默认值。设置了默认值,就算必须参数不传也不会报错
![ad60c92b07c88e62da529c6c143ab9cb.png](https://i-blog.csdnimg.cn/blog_migrate/521f700e8238ac37df57b246ce52701c.png)
![748df3dd8dac7da03277b381aea41fbd.gif](https://i-blog.csdnimg.cn/blog_migrate/29696f489b1d21fa907fecc614946a0d.gif)
THANDKS
- End -
一个立志成大腿而每天努力奋斗的年轻人
伴学习伴成长,成长之路你并不孤单!
![7c5083e7f96f1316058b0e89a43851c4.png](https://i-blog.csdnimg.cn/blog_migrate/a651651891f0d0e4890a1ac4b3bf90d6.jpeg)