vue-ajax小封装实例

//当请求完成之后调用回调函数返回数据
this.success(fn,//字符串转换json
json: function (str){
return (new Function("return " + str))();
},success: function (fn,ojson){
//当请求完成之后调用回调函数返回数据
var self=this;
this.xhr.onreadystatechange=function (){
var odata;
if(self.xhr.readyState == 4){
if((self.xhr.status>=200 && self.xhr.status<300) || self.xhr.status == 304){
odata=self.xhr.responseText;
//若为json则转化json格式
if(ojson==="json"){
odata=self.json(odata);
}
fn(odata);
}else{
odata="request was unsuccessful: "+self.xhr.status;
fn(odata);
}
}
}
},//取消异步请求
cancel: function (){
this.xhr.abort();
return this;
}
}

Document

<script src="vue.js">
<script src="vue-ajax.js">