您的位置:首页 > Web前端 > Vue.js

vue中使用axios插件做post请求带参数

2020-01-11 12:57 696 查看

在vue中使用axios发送post请求,参数方式
由于后台接收的参数格式为FormData格式,

在axios中参数格式默认为FormData格式
在axios中参数格式默认为

在传参数前,将原先官方提供的格式

改为如下:

axios({
url: '../../../room/listRoomPage',
method: 'post',
data: {offset: 0, limit: 9999, roomCode: "", roomtypeId: 0, floorId: 0},
transformRequest: [function (data) {
var oMyForm = new FormData();
oMyForm.append("offset", 0);
oMyForm.append("limit", 9999);
oMyForm.append("roomCode", "");
oMyForm.append("roomtypeId", 0);
oMyForm.append("floorId", 0);
console.info(oMyForm);
return oMyForm;
}],
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

成功得到后台返回的数据

公众号:

微信:

  • 点赞
  • 收藏
  • 分享
  • 文章举报
allen_csdns 发布了84 篇原创文章 · 获赞 97 · 访问量 1万+ 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐