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 相关文章推荐
从javascript语言本身谈项目实战
Dec 27 Javascript
常用简易JavaScript函数
Apr 09 Javascript
基于jquery的loading效果实现代码
Nov 05 Javascript
JavaScript 基础篇(一)
Mar 30 Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 Javascript
js简单实现交换Li的值
May 22 Javascript
javascript 小数取整简单实现方式
May 30 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
Nov 02 Javascript
jquery ajax分页插件的简单实现
Jan 27 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
Angular value与ngValue区别详解
Nov 27 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
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
javascript之函数直接量(function(){})()
2007/06/29 Javascript
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
js随机生成26个大小写字母
2016/02/12 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
使用layer弹窗和layui表单实现新增功能
2018/08/09 Javascript
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
Python中的字符串查找操作方法总结
2016/06/27 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
python实现两个文件合并功能
2018/04/01 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
python requests.post带head和body的实例
2019/01/02 Python
Python中一些深不见底的“坑”
2019/06/12 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
Python 实现进度条的六种方式
2021/01/06 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
四年大学自我鉴定
2014/02/17 职场文书
个人校本研修方案
2014/05/26 职场文书
公司年底活动方案
2014/08/17 职场文书
党支部反对四风思想汇报
2014/10/10 职场文书
Python OpenCV 图像平移的实现示例
2021/06/04 Python
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle
Python基本的内置数据类型及使用方法
2022/04/13 Python