码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-08-22 00:39:39      阅读:556      评论:0      收藏:0      [点我收藏+]

标签:web   php   host   com   www   写法   data   es2017   stat   

 在网上看到人家写的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},否则后台是无法获取你传递的参数的

技术分享

 

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

标签:web   php   host   com   www   写法   data   es2017   stat   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!