Vue的异步请求–get
new Vue({
el :'#app',
data:{
obj:null
},
created:function(){
this.getlist()
}
methods:{
getdata:function(){
var url = 'http://vueapi.ittun.com/api/getprodlist'
this.$http.get(url)
.then(function(response){
this.obj = response.body;
})
}
}
});
</script>
Vue的异步请求–post
new Vue({
el :'#app',
methods:{
postdata:function(){
var url = 'http://vueapi.ittun.com/api/addproduct';
this.$http.post(url,{name:'奔驰'},{emulateJSON:true})
.then(function(response){
alert(response.body.message);
});
}
}
})
</script>
Vue的异步请求–jsonp
<script>
new Vue({
el:'#app',
data:{
obj :null
},
methods:{
getjsonp:function(){
this.$http.jsonp('http://vueapi.ittun.com/api/jsonp')
.then(function(response){
this.obj = response.body;
})
}
}
});
</script>