本文實例為大家分享了js編寫ajax方法庫的具體代碼,供大家參考,具體內(nèi)容如下

具體代碼
~function(){
//ajax:實現(xiàn)ajax請求的公共方法;當(dāng)一個方法傳遞的參數(shù)過多,而且還不固定,我們使用對象統(tǒng)一傳值法(把需要傳遞的參數(shù)值都放在一個對象中,一起傳遞進去即可)
function ajax(options){
//把需要使用的參數(shù)值設(shè)定一個規(guī)則和初始值
var _default = {
url:"",//請求的地址
type:"get",//請求的方式
dataType:"json",//設(shè)置請求回來的內(nèi)容格式
async:true,//請求是同步還是異步
data:null,//放在請求主體中的內(nèi)容(POST)
getHead:null,//當(dāng)READY STATE===2的時候執(zhí)行的回調(diào)方法
success:null//當(dāng)READY STATE===4的時候執(zhí)行的回調(diào)方法
};
//使用用戶自己傳遞進來的值覆蓋我們的默認值
for(var key in options){
if(options.hasOwnProperty(key)){
_default[key] = options[key];
}
}
//如果當(dāng)前的請求方式是get,我們需要在URL的末尾加隨機數(shù)清楚緩存
if(_default.type==="get"){
_default.url.indexOf("?") >=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;
//如果傳遞的參數(shù)值是json,說明獲取的內(nèi)容應(yīng)該是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當(dāng)前AJAX對象
},
success:function(data){
//this xhr當(dāng)前AJAX對象
//data:我們從服務(wù)器獲取的主體內(nèi)容
}
})
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
當(dāng)前文章:js如何編寫簡單的ajax方法庫-創(chuàng)新互聯(lián)
網(wǎng)站地址:http://www.chinadenli.net/article26/degocg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、網(wǎng)站收錄、用戶體驗、自適應(yīng)網(wǎng)站、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容