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 相关文章推荐
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
javascript实现简单的进度条
Jul 02 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
vue组件暴露和.js文件暴露接口操作
Aug 11 Javascript
如何理解Vue简单状态管理之store模式
May 15 Vue.js
基于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
Mysql的常用命令
2006/10/09 PHP
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
php 的加密函数 md5,crypt,base64_encode 等使用介绍
2012/04/09 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
Date对象格式化函数代码
2010/07/17 Javascript
JQuery给元素添加/删除节点比如select
2013/04/02 Javascript
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
python通过yield实现数组全排列的方法
2015/03/18 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
Python利用pandas计算多个CSV文件数据值的实例
2018/04/19 Python
Python最小二乘法矩阵
2019/01/02 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
Python脚本操作Excel实现批量替换功能
2019/11/20 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
django中ImageField的使用详解
2020/12/21 Python
护理学毕业生求职信
2013/11/14 职场文书
贷款承诺书范文
2014/05/19 职场文书
监督检查工作方案
2014/05/28 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书
php修改word的实例方法
2021/11/17 PHP
利用js实现简单开关灯代码
2021/11/23 Javascript
【DOTA2】高能暴走TK秀!PSG LGD vs ASTER - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA