axios发送post请求springMVC接收不到参数的解决方法


Posted in Javascript onMarch 05, 2018

axios发送post请求时,出现了参数后台接收不到的情况,分析了下请求,发现是请求头content-type不对,是application/json,正常应该是application/x-www-form-urlencoded。

解决方法有以下三种:

1、设置axios的默认请求头

//设置全局的
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
var instance = axios.create({}) // 这样创建出来的 只需要:
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

2、使用URLSearchParams来构建参数

var params = new URLSearchParams();
params.append("username", _this.username);
params.append("password", _this.password);
axios.post("/service/login", paramsOfJson
   ).then(function (response) {
    console.log(response);
   }).catch(function (error) {
    console.log(error);
   })

3、后台使用@requestBody接收

@PostMapping(value = "/login")
public String testLogin(@RequestBody Map dataMap)

以上这篇axios发送post请求springMVC接收不到参数的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js prototype截取字符串函数
Apr 01 Javascript
JavaScript判断DOM何时加载完毕的技巧
Nov 11 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
js获取IFRAME当前的URL的方法
Nov 13 Javascript
node.js中的fs.truncate方法使用说明
Dec 15 Javascript
实现前后端数据交互方法汇总
Apr 07 Javascript
javascript数组随机排序实例分析
Jul 22 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
Vue实现菜单切换功能
Nov 08 Javascript
js实现简易点击切换显示或隐藏
Nov 29 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 #Javascript
解决vue处理axios post请求传参的问题
Mar 05 #Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 #Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 #Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 #Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 #Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 #Javascript
You might like
一个php作的文本留言本的例子(三)
2006/10/09 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
2011/11/10 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
JS实现Enter键跳转及控件获得焦点
2013/08/12 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
angular实现input输入监听的示例
2018/08/31 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
[14:21]VICI vs EG (BO3)
2018/06/07 DOTA
[51:36]EG vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
浅谈django三种缓存模式的使用及注意点
2018/09/30 Python
pandas 空的dataframe 插入列名的示例
2018/10/30 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
python自动生成model文件过程详解
2019/11/02 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
Python读取yaml文件的详细教程
2020/07/21 Python
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
大学生关于奋斗的演讲稿
2014/01/09 职场文书
趣味体育活动方案
2014/02/08 职场文书
初中新生军训方案
2014/05/13 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
通报表扬范文
2015/01/17 职场文书
python中super()函数的理解与基本使用
2021/08/30 Python
DSP接收机前端设想
2022/04/05 无线电