@RequestParam接收axios的post方式传递数据时的坑

最新推荐文章于 2023-06-04 22:32:48 发布
原创 最新推荐文章于 2023-06-04 22:32:48 发布 · 2.3k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#axios

本文探讨了后端使用@RequestParam接收参数时，与前端axios post方式传数据出现400错误的问题。详细解释了错误原因在于数据格式不匹配，并提供了两种解决方案：一是引入qs模块将json对象转换为URL形式；二是改用@RequestBody注解或request的getParams()方法接收数据。

后端使用@RequestParam来接收参数，前端用axios的post方式传数据。但是一直报错400，请求无效。

@RequestParam接收的请求头格式为：application/x-www-form-urlencoded

开始以为是post没有配置content-Type请求头，然而我已经配置了。后来几经Google才发现，post传参的默认格式是json格式，所以才会一直报错。

然后引入了qs模块，利用qs.stringify()方法将json对象系列化为URL形式，然后就愉快的解决啦。

当然还有其他解决方法就是不使用@RequestParam接收，直接用request的getParams()来接收。或者使用@RequestBody注解。

@PathVariable，@RequestParam，@RequestBody注解，springboot与前端请求之间的数据类型转换
l_q_l的专栏
09-17 1975
get请求中，可以使用@pathVariable和@requestParam注解post请求中，可以使用@requestParam和@requestBody@requestParam对应前端axios的参数为params@requestBody对应前端axios的参数为data。
Vue笔记（十一）—— Vue axios 传 字符串/键值对 后台@RequestParam接收为空 及使用application/x-www-form-urlencoded问题详解
成长笔记
09-23 3003
直接上相关代码： let data = { "userId": userId, }; let config = { headers: { "Content-Type": "application/x-www-form-urlencoded", }, }; _this.$axios.post(url, _this.qs.stringify(data), config).t...
Spring MVC的@RequestParam分析
Mint6的博客
04-22 1003
本篇文章涉及到一下搜索可能会帮助你解决的问题。 1.报错Required String parameter 'xx' is not present 2.@RequestParam接收post请求参数报错 3.@RequestParam使用原理 4.springmvc使用@RequestParam一样的参数名，怎么接收不到。 5.axios发送post请求，springMVC接收不到数据问...
前端用post请求后台,参数不能用@RequestParam参数接收
weixin_54373284的博客
04-13 7584
java前端post请求,参数不能用@RequestParam参数接收这里写自定义目录标题一般前端用get请求时,接口用@RequestParam使用post请求,后台接收不到参数 一般前端用get请求时,接口用@RequestParam get请求的话,前台一般url后面直接加?参数名=“参数值”,后台的话一般直接接口后面直接接收参数即可.如果不行的话就加@RequestParam(value=“参数名”)参数类型 参数名 如下图: 使用post请求,后台接收不到参数 使用post请求时.后台用
前端axios传参总结
无边热爱，来日方长
06-04 1132
前端axios传参总结【精简版】
后端接收不到使用post请求发来的数据
qq_43587651的博客
04-25 3855
后端接收不到post请求发送的数据原因及解决办法原因解决办法 原因 前端使用的是vue cli3创建的项目，网络请求使用的是axios。 我的需求是在后端使用 request.getParameter("param"); 来获取post和get请求发送的数据。但是问题是get发送数据可以得到，post请求发送的数据不能得到。 问题原因是getParameter（）只能获取表单数据。get发送的数据是表单数据，而post方法发送的数据默认是json数据，所以会接收不到。 解决办法 下载安装qs //此命
[SpringBoot]@RequestParam接收不到POST请求的数据
weixin_43760020的博客
05-10 7923
可能原因： 在前端发送请求时，设置了 header:{ 'Content-Type':'application/json' } 这会导致@RequestParam接收不到POST请求的数据。 正确的做法是，设置 header:{ 'Content-Type':'application/x-www-form-urlencoded' } 如果想继续使用 ‘Content-Type’:‘application/json’，只能使用**@RequestBody**来接收 ...
如何解决@RequestParam无法接收vue+axios传递json数据（csdn）————程序.pdf
12-05
然而，当Vue通过Axios发送POST请求并以JSON格式传递数据时，后端的@RequestParam无法正常获取这些数据。 2. 问题代码示例 在问题代码中，前端使用Axios发送POST请求，数据以JSON格式封装： ```javascript axios....
springboot后台接收axios传递的json数据为null
01-21
后台接收到的数据一直显示null 原因： 使用@RequestBody标签接收json数据，参数类型不能用Sting 看这两个注解的作用 @RequestParam 是作用在形参列表上，RequestParam可以接受简单类型的属性，也可以接受对象类型。...
axios post两种请求方式与@requestbody和@requestparam接收
07-16
这样，我们就可以通过axios的post方法以两种不同的方式发送POST请求，并通过`@RequestBody`或`@RequestParam`在后端的Spring Boot应用程序中接收请求数据。 ### 回答2： axios post请求方式有两种，一种是普通post...
axios（get、post） 请求中的@requestBody @requestParams 以及headers的使用，请求拦截器、响应拦截器的封装
01-03
axios post 请求传递request-body request-query headers（get 或者不直接使用get、post使用axios 道理方法都类似，注意：get没有请求体，如果要用get方法，后端就不能用@requestBody来接收，相应可以改为@requestParams接收） self.$axios.post('/api/ui/ombs/login', {//request-body password: self.ruleForm.password, username: self.ruleForm.username }, {//request-que
后台接收不到前端传值_ajax的post请求后台request.getParameter()接收不到参数问题
weixin_42297390的博客
01-16 3148
最近在做技术储备 ，写几个简单的demo。所以没用框架，用的servlet，结果在接收ajax传值的时候出了点小意外。传到后台的值总是null，前端确实传递了非null的值。我前端这样用ajax传值。jQuery.ajax({type: "post",contentType: "application/json;charset=UTF-8",url: "http://"+host+"/baidum...
axios发送post请求后台request.getParameter接不到参数
qq_41720578的博客
05-27 1062
在学习axios过程中，发现直接通过把json放到post里后台通过getParameter接收不到。 axios请求代码 axios.post('url',{'username':'name'}).then(function(value){}) 然后，因为我们的参数是 JSON 对象，axios 帮我们做了一个 stringify 的处理。 而且查阅 axios 文档可以知道：axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。那么，这就与我...
Feign post传参失败原因？
qq_38804429的博客
09-15 1163
Feign post传参失败原因？如何插入一段漂亮的代码片 如何插入一段漂亮的代码片 springcloud在某个微服务下通过远程调用另一个微服务的功能。 原服务方法如下： @PostMapping(value = "/sqlFile") public Result genSqlFile(@RequestParam("sqlId")String sqlId,@RequestParam("sql")String sql) 远程调用方法如下： @PostMapping(path = "/sqlFile
微服务restful风格，用Post在服务之间发送请求接收不到参数接收不到问题（@RequestParam和@RequestBody）
qq_42770022的博客
04-14 2985
上代码： 发送端： 接收端： 问题：发送端可以接受从前段传过来的数据，但是请求接收端时，接收端可以接收url请求，但是参数传不到接收端。 分析：用get和post传输的数据是截然不同的，用get是追加在url之后，直接放在请求头。但是post请求的数据会放在请求体，所 以，如果不加注解，微服务之间的传输在接收端默认是追加的方式，所以接收不到参数。...
vue中axios发送post请求，后端（@RequestParam）接不到参数
weixin_30319097的博客
04-09 1201
遇到的问题描述 ：axios post 请求，后端接收不到参数。 　　　　　　　　我们的接口是java，用@RequestParam来接收前端的参数 解决方案：使用qs；axios中已经包含有qs，所以无需重新安装，直接引入就好 import Qs from 'qs'//引入qs let chedata = { data: encStr, sign...
ajax的post请求的前端传参格式以及springboot后端接收参数方式
断掉的手环
09-13 9059
一、数据准备（想看结论直接翻最后） 1、搭建一个springBoot的后端工程 1.1 创建一个简单的user实体类 1.2 template目录下添加index.html 1.3 配置静态资源访问路径 @Component public class WebConfig implements WebMvcConfigurer { /** * springboot 无法直接访问静态资源，需要放开资源访问路径。 * 添加静态资源文件，外部可以直接访问地址 */
Axios传递参数后端用@RequestParam
sungancd的博客
11-18 4939
Axios请求头中的Content-Type常见的有3种： Content-Type:application/json： 请求体中的数据会以json字符串的形式发送到后端 Content-Type:application/x-www-form-urlencoded：请求体中的数据会以普通表单形式（键值对）发送到后端 Content-Type:multipart/form-data：它会将请求体的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。 Axios默认的Conte
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值