js如何编写简单的ajax方法库

前端之家收集整理的这篇文章主要介绍了js如何编写简单的ajax方法库前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了js编写ajax方法库的具体代码,供大家参考,具体内容如下

具体代码

=0 ? _default.url += "&" : _default.url += "?"; _default.url +="_="+Math.random(); } //SEND AJAX var xhr = createXHR(); xhr.open(_default.type,_default.url,_default.async); xhr.onreadystatechange = function(){ if(/^2\d{2}/.test(xhr.status)){ //想要在READY STATE等于2的时候做一些操作,需要保证AJAX是异步请求 if(xhr.readyState === 2){ if(typeof _default.getHead === "function"){ _default.getHead.call(xhr); } } if(xhr.readyState === 4){ var val = xhr.responseText; //如果传递的参数值是json,说明获取内容应该是json格式的对象 if(_default.dataType === "json"){ val = "JSON" in window ? JSON.parse(val) : eval("("+val+")"); } _default.success && _default.success.call(xhr,val)
    }
  }
}
xhr.send(_default.data);

}
window.ajax = ajax;
}()

ajax({
url:"data.txt",type:"get",dataType:"json",async:false,getHead:function(){
//this xhr当前AJAX对象
},success:function(data){
//this xhr当前AJAX对象
//data:我们从服务器获取的主体内容
}

})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Ajax相关文章