Vue中用axios发送请求,后台servlet接收参数为空
方法1:
1、修改axois的请求头header中的Content-type
'Content-type': 'application/x-www-form-urlencoded'2、引入axois的qs,转换需要传的参数
import Qs from 'qs'参考:https://www.jianshu.com/p/13c4283975e8
req.post('/ACPSample_AppServer/form05_6_2_AppConsume', Qs.stringify({
merId: merId,
txnAmt: merId,
orderId: orderId,
txnTime: txnTime
【Vue中用axios发送请求,后台servlet接收参数为空】})).then((result) => {
console.log(result)
})
方法二:
1、将参数作以下的处理
let params = new URLSearchParams();2、接下来就可以不改变请求头的情况下访问
params.append('merId', merId);
params.append('txnAmt', 'value2');
params.append('orderId', orderId);
params.append('txnTime', txnTime);
req.post('/ACPSample_AppServer/form05_6_2_AppConsume', params).then((result) => {参考:https://segmentfault.com/q/1010000008476622
console.log(result)
})
后台代码片段:
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String merId = req.getParameter("merId");
String txnAmt = req.getParameter("txnAmt");
String orderId = req.getParameter("orderId");
String txnTime = req.getParameter("txnTime");
......
}
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- 接口|axios接口报错-参数类型错误解决
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show