ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

@RequesBody、@RequestParam的区别 以及Axios发送的post请求,后端拿不到参数解决方法

2021-12-21 11:35:37  阅读:214  来源: 互联网

标签:Axios 请求 RequestParam RequestBody 体中 RequesBody 接收


文章目录

Axios发送的post请求,后端拿不到参数解决方法

原因: Axios请求,数据以json方式发送 Content-Type: application/json,后端使用getParameter()是拿不到参数的
解决方法: 可以在绑定数据时候,使用axios自带库Qsstringify将对象转换为 param =value&param = value样式
这样Axios发送请求时,Content-Type就变成了application/x-www-form-urlencoded
后端使用@RequestParam或者形参对应参数名获取数据

import qs from 'Qs'
 this.$axios({
                method:"post",
                url:"/login",
                data:qs.stringify(this.ruleForm)

              }).then(function (resp){
                    console.log("请求成功",resp)
              }).catch(function(err){
                    console.log("请求失败",err)
              })

@RequestBody和@RequestParam的区别

@RequestBody获取请求体中的数据,只能有一个,可以用字符串接收也可以是实体接收,看例子:

一、 Post请求

Content-Type=application/json 请求体中为Json
在这里插入图片描述

1.使用字符串接收请求体

2.使用实体类接收

二、Post`请求

Content-Type=application/x-www-form-urlencoded 请求体中为 键=值&键=值 (和表单提交应该是一样的)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-40SusrIE-1640055898152)(979eb0b10b42bf45b660492c9e48621e.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eL3Y3CwS-1640055898154)(4fb1626c3c2e1c074c2f377cc11ec32d.png)]

1.使用@RequestBody仍然可以接收到请求体中的数据

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BHao9Q4d-1640055898155)(061f23b55841f96d7a9313662d1bc0da.png)]

2.使用RequestParam接收到对应的参数

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0GfQvzJi-1640055898156)(ccccf898646fce41ca4be97e860b5381.png)]

标签:Axios,请求,RequestParam,RequestBody,体中,RequesBody,接收
来源: https://blog.csdn.net/qq_19286785/article/details/122057770

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有