HTTP请求中Get、Post与后台参数接收的分析

迈不过友情╰ 2023-06-27 12:58 4阅读 0赞

前言：在http请求时经常碰到这两种方式，经常后台接收不到参数，所以总结一下，不同的请求方式的用处以及在后台如何接收。

参考：

[https://www.bbsmax.com/A/amd0E1mDzg/][https_www.bbsmax.com_A_amd0E1mDzg]

[https://blog.csdn.net/xybelieve1990/article/details/81111786][https_blog.csdn.net_xybelieve1990_article_details_81111786]

[https://www.cnblogs.com/btgyoyo/p/6141480.html][https_www.cnblogs.com_btgyoyo_p_6141480.html]

[https://blog.csdn.net/u013827143/article/details/86222486][https_blog.csdn.net_u013827143_article_details_86222486]

**目录**

第一章 Get请求

第二章 Post请求

2.1 application/x-www-form-urlencoded

2.2 multipart/form-data

2.3 application/json

第三章 是否所有的request请求体都会与content-type对应

--------------------

# 第一章 Get请求 #

get请求比较简单，只是在请求链接后面加上参数。如果使用SpringBoot开发项目，后台接收参数时直接把对应的参数写在函数的方法中即可。

如请求为：

[http://xxxx/exportPeople/peoplePackage/like?queryParameter=][http_xxxx_exportPeople_peoplePackage_like_queryParameter]123

在谷歌的开发者工具中会显示为：

![20200401011553167.png][]

后台的接收为：

@GetMapping("/peoplePackage/like")
        public JsonObjectResponse<?> getPeoplePackageByIdOrName(String queryParameter){
            //业务处理
        }

# 第二章 Post请求 #

## 2.1 application/x-www-form-urlencoded ##

前端传的content-type为application/x-www-form-urlencoded，这也是默认的请求方式

这样，参数在请求体以标准的Form Data的形式提交，以&符号拼接，参数格式为key=value&key=value&key=value...

可以看到请求体为 参数名=参数值& 的形式组合起来的，和get差不多，只不过一个是在request请求体中，一个是在请求的url中。

![Center][]

在谷歌浏览器的开发者工具里，会显示为

![2020040101170044.png][]

如果有数组则是：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70][]

![20200811014135544.png][]

在SpringBoot作为开发的情况下，传数据时用的什么参数，接收时在函数的参数上写上就可以了，值得注意的是，数组的接收需要加上\[\]，如对应于上图的数组参数，接收应为下图。

![20200811014358661.png][]

## 2.2 multipart/form-data ##

前端传的content-type为application/x-www-form-urlencoded，一般要传文件时会选择这个，它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。当上传的字段是文件时，会有Content-Type来说明文件类型；content-disposition，用来说明字段的一些信息；

由于有boundary隔离，所以multipart/form-data既可以上传文件，也可以上传键值对，它采用了键值对的方式，所以可以上传多个文件。

http工具上传：

![Center 1][]

![Center 2][]

js，ajax上传：

在谷歌浏览器的开发者工具里，会显示为：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 1][]

![20200408234431834.png][]

view source:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 2][]

在SpringBoot中可以通过MulTipartFile数组接收多个文件，一些其它的参数也可以直接写到函数的参数中，如我上图传了file和typeCode两个参数，后台可以这么接收：

@PostMapping("/resFileUpdate")
        public ResultVO resFileUpdate(MultipartFile file, Integer typeCode){
            //业务代码
        }

## 2.3 application/json ##

前端传的content-type为application/json，主要是用来传json数据

谷歌浏览器中显示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 3][]

![20200408225922582.png][]

view source：

![20200408230108325.png][]

后台的参数接收：

在SpringBoot中可以通过@RequestBody来接收json，需要在后台建立对应的数据模型，我这里用CreatePeopleForm数据模型来接收传来的json数据。

@PostMapping("/peoplePackage")
        public JsonObjectResponse<?> createPeoplePackage(@RequestBody @Validated CreatePeopleForm createPeopleForm, HttpServletRequest request) throws Exception {
            //..业务代码略
        }

在SpringBoot中也可以用Map来接收json

@RequestMapping(value = "/search",method = RequestMethod.POST)
    public void search (@RequestBody Map<String,String> map){
        System.out.println("传进来的参数：" + map);
    }

补充：

# 第三章 是否所有的request请求体都会与content-type对应 #

应该不是的，我某次使用axios请求就出现了下图的所示的情况，可以看到content-type为application/x-www-form-urlencoded，但是请求体里的参数却是json类型的，说明request请求体不一定会和content-type对应。

个人推断：我们平时使用的ajax，axios这些是已经封装好了，所以一般content-type和请求体都会是对应的，但是具体的这些是可以设置的，content-type为application/x-www-form-urlencoded，请求体的数据也可以是json类型的，只不过是后台根据既定的解析规则接收不到值罢了，但是确实可以这样设置。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 4][]

# #

[https_www.bbsmax.com_A_amd0E1mDzg]: https://www.bbsmax.com/A/amd0E1mDzg/
[https_blog.csdn.net_xybelieve1990_article_details_81111786]: https://blog.csdn.net/xybelieve1990/article/details/81111786
[https_www.cnblogs.com_btgyoyo_p_6141480.html]: https://www.cnblogs.com/btgyoyo/p/6141480.html
[https_blog.csdn.net_u013827143_article_details_86222486]: https://blog.csdn.net/u013827143/article/details/86222486
[http_xxxx_exportPeople_peoplePackage_like_queryParameter]: http://recall.zongheng.qiyi.domain:8080/exportPeople/peoplePackage/like?queryParameter=
[20200401011553167.png]: https://img-blog.csdnimg.cn/20200401011553167.png
[Center]: https://img-blog.csdn.net/20151118131234865?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[2020040101170044.png]: https://img-blog.csdnimg.cn/2020040101170044.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200811014117514.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE=,size_16,color_FFFFFF,t_70
[20200811014135544.png]: https://img-blog.csdnimg.cn/20200811014135544.png
[20200811014358661.png]: https://img-blog.csdnimg.cn/20200811014358661.png
[Center 1]: https://img-blog.csdn.net/20151118130933756?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 2]: https://img-blog.csdn.net/20151118130954483?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020040823433893.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE=,size_16,color_FFFFFF,t_70
[20200408234431834.png]: https://img-blog.csdnimg.cn/20200408234431834.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/2020040823450482.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200408225852755.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE=,size_16,color_FFFFFF,t_70
[20200408225922582.png]: https://img-blog.csdnimg.cn/20200408225922582.png
[20200408230108325.png]: https://img-blog.csdnimg.cn/20200408230108325.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200401013557240.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE=,size_16,color_FFFFFF,t_70