vue.js的ajax和jsonp请求

import VueResource from ‘vue-resource‘;

Vue.use(VueResource);

//在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);  
        }  
      )  
    }  
  }  
})