vue-resource.js的get和post的正确用法

时间:2017-08-21 23:31:22   收藏:0   阅读:1206

 在网上看到人家写的vue-resource.js的get方法例子,

new Vue({
el:‘body‘,
data:{

},
methods:{
get:function(){
this.$http.get(‘get.php‘,{
a:1,
b:2
}).then(function(res){
alert(res.data);
},function(res){
alert(res.status);
});
}
}
});

 

开始的时候后台无论怎样都获取不到参数,原来正确get写法如下:

this.$http.get(‘http://localhost:8393/Home/GetUsers‘,{

params: {
uname1: this.uname
}
})
.then(function (res) {
//赋值给alllist数组,
console.log(res.data);
this.adminUsers = res.data;
})

 

原来参数是要加入params:{字段1:‘app‘,字段2:‘pencil‘}这个,跟踪后才能获得

技术分享

 而post的正确参考如下:

this.$http.post(‘http://localhost:8393/Home/GetUsers‘,{
uname1: this.uname

}, { emulateJSON: true })
.then(function (res) {
//赋值给alllist数组,
console.log(res.data);
this.adminUsers = res.data;
})

如果Web服务器无法处理编码为application/json的请求,你可以启用emulateJSON选项。启用该选项后,请求会以application/x-www-form-urlencoded作为MIME type,就像普通的HTML表单一样。

说白了post在进行数据请求时;需要填写第三个参数{emulateJSON:true},否则后台是无法获取你传递的参数的

技术分享

 

原文:http://www.cnblogs.com/qkabcd/p/7407253.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!