使用vue-resource发送post、get请求传参后台接收不到的一些解决方法
初学vue时,使用vue-resource 发送请求时,后端接收的参数名和类型都匹配,但就是接收不到参数,报400错误,以下是对应请求的其中一种简单的解决方法。
post请求
在请求前加
Vue.http.options.emulateJSON = true;
如:
//加载数据
loadData:function (pageNum,pageSize) {
//在请求前加
Vue.http.options.emulateJSON = true;
this.$http.post(this.url,{pageNum:pageNum,pageSize:pageSize}).then(function (res) {
this.orgList = res.data.orgList;
this.total = res.data.total;
},function () {
console.log("加载失败")
})
}
get请求
将参数格式改为 {params:{a:1,b:2}}
如:
//加载数据
loadData:function (pageNum,pageSize) {
//将参数格式改为{params:{{pageNum:pageNum,pageSize:pageSize}}
this.$http.get(this.url,{params:{pageNum:pageNum,pageSize:pageSize}}).then(function (res) {
this.orgList = res.data.orgList;
this.total = res.data.total;
},function () {
console.log("加载失败")
})
}
controller接收参数
@RequestMapping("/xxx")
public void xxx(int pageNum,int pageSize){
System.out.println("pageNum:" + pageNum);
System.out.println("pageSie:" + pageSize);
}
学习不易,继续努力!!!