vue.js的ajax和jsonp请求

Posted haonanElva

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js的ajax和jsonp请求相关的知识,希望对你有一定的参考价值。

首先要声明使用ajax 在 router下边的 Index.js中

import VueResource from vue-resource;

Vue.use(VueResource);

ajax 和 jsonp 使用方法:

//在Vue实例类使用  
this.$http.get(url, [options]).then(successCallback, errorCallback);  
  
var test = new  Vue({  
  el:#v,  
  data:{  
    jsonUrl:xxxx,  
    jsonpUrl:xxxxx,  
    req:{}  
    resData:[]  
  },  
  mthods:{  
    init:function(id){  
      this.$http.get(this.jsonUrl,this.req).then(function(res){  
        console.log(res);  
        this.$set(resData,res);  
      },function(res){  
        console.warn(res);  
      })  
    },  
    cli:function(id){  
      //jsonp请求  
      this.$http.jsonp(this.jsonpUrl).then(  
        function(res){  
          console.log(res);  
          this.$set(resData,res);  
        }  
      )  
    }  
  }  
})  

 

 

//需要注意的是jsonp请求的服务端返回的数据格式有些不一样,下面以PHP为例 

[php] view plain copy
$call
= $_GET[callback]; $json = json_encode([data=>tttttt]); echo $call.(.$json.);

 




以上是关于vue.js的ajax和jsonp请求的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js——vue-resource全攻略

Vue.js——vue-resource全攻略

Vue.js——vue-resource全攻略

Vue.js——vue-resource全攻略

Vue的参数请求与传递

Vue-resource 与服务器端通信