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

发布时间：2020-12-15 23:17:28 所属栏目：百科来源：网络整理

导读：本文实例为大家分享了js编写ajax方法库的具体代码，供大家参考，具体内容如下具体代码 =0 ? _default.url += " _default.url +="_="+Math.random(); } //SEND AJAX var xhr = createXHR(); xhr.open(_default.type,_default.url,_default.async); xhr.onrea

本文实例为大家分享了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(/^2d{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:我们从服务器获取的主体内容
}

})

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!