java使用axios.js的post请求后台时无法接收到入参的问题
来源:互联网 发布:知乎如何添加好友 编辑:程序博客网 时间:2024/06/03 19:23
使用vue有一段时间了,下面是我在Java环境下使用vue+axios的时候遇到的一个坑,在这分享给大家,如有不正确或者疑惑的地方可以@我。
邮箱地址:wangpan_java@163.com
1.在使用异步请求后台时,由于官方不在更新vue-resource,推荐使用axios,因此在使用的时候难免会遇到各种问题。目前遇到最大的问题是在使用axios.post的请求向Java后端传入入参时,后端无法接收到参数。在这里主要处理移动端浏览器兼容的问题。
在这里我提供了两种解决办法:
一、URLSearchParams.append()方法
由于URLSearchParams接口在各个浏览器兼容性问题,这种方法在PC端绝大多数浏览器是OK的,但是在手机端正相反,基本上都不支持。如图:
getBarCode : _ => { let param = new URLSearchParams(); param.append("userName","admin"); param.append("userPassword","admin"); axios.post("/index.html",param) .then(function(response){ console.log(response); }) .catch(function(response){ console.log(response) })}
二、主要解决移动端浏览器兼容性问题
//请求后台数据之前转换入参transformRequest: function (data) { let ret = '' for (let it in data) { ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&' } return ret}
axios.post(url,this.transformRequest(param),{ headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' } }).then(function(res){ console.log(res); }).catch(function(res){ console.log(res); })
阅读全文
1 0
- java使用axios.js的post请求后台时无法接收到入参的问题
- java使用axios.js的post请求后台时无法接收到参数的问题
- axios发送post请求后端接收不到的问题
- vue 使用 axios 发 post 请求,后台无法接收到数据
- bootstrap table post提交数据,后台无法接收的问题
- vue处理axios post请求传参的问题
- 解决axios传递参数后台无法接收问题
- axios发送post请求后台接受不到问题
- ajax的post请求后台request.getParameter()接收不到参数问题
- Spring MVC后台接收不到POST请求的参数
- Spring MVC后台接收不到POST请求的参数
- axios Post无法传递数据的解决方案
- xutils3.0 post请求网络,后台无法接收到参数
- vue.js axios 的使用
- axios的post
- AFN用post发送的parameters在Java后台接收
- axios跨域请求遇到的问题
- Java发起GET/POST请求,接收或发送URL中的数据的问题
- 使用 fastlane 实现 iOS 持续集成(二)
- 2017多校训练第二场 hdu6055 Regular polygon (几何+暴力)
- 斐波那契数
- windows安装redis
- JS前端创建html或json文件并浏览器导出下载
- java使用axios.js的post请求后台时无法接收到入参的问题
- 无线电波的入侵第1部分——无线电频率基础与理论
- eclipse中编译cocos2d项目问题
- 计算机数组作为函数形参的一些基本问题
- 侧滑菜单SlidingMenu的使用方法
- ROS优缺点
- andorid单线程断点续传下载
- leetcode-6- ZigZag Conversion
- CSS中强大的EM 单位