簡單的ajax連接庫分享(不用jquery的ajax)
更新時間:2014年01月19日 14:53:33 作者:
自己寫了一個簡單的ajax連接庫,沒有使用jquery的ajax,這個代碼要比jquery輕量,大家參考使用吧,
復(fù)制代碼 代碼如下:
var ajax = {
init : function(){
var xmlHttp = new XMLHttpRequest();
if (!window.XMLHttpRequest)
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
},
call : function(opt){
var xmlHttp = this.init();
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState===4)
{
xmlHttp.status===200 ?
opt.success(xmlHttp.responseText,xmlHttp.responseXML) : opt.error(xmlHttp.responseText,xmlHttp.status);
}
}
opt.data = this.parseData(opt.data);
if(opt.method.toLowerCase() === 'get'){
opt.url = opt.url + "?" + opt.data;
opt.data = null;
}
xmlHttp.open(opt.method,opt.url,opt.async);
if(opt.method.toLowerCase() === 'post')
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(opt.data);
},
parseData : function(data){
if(typeof data == 'object'){
var str = '';
for(var i in data){
str += "&"+i+"="+encodeURIComponent(data[i]);
}
return str.length==0 ? str : str.substring(1);
}else{
return data;
}
}
}
相關(guān)文章
Javascript全局變量var與不var的區(qū)別深入解析
這篇文章主要介紹了Javascript全局變量var與不var的區(qū)別。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12js鼠標(biāo)點(diǎn)擊事件在各個瀏覽器中的寫法及Event對象屬性介紹
各個主流瀏覽器德鼠標(biāo)點(diǎn)擊事件,方便使用時查詢,整理還算是很詳細(xì)吧,感興趣的你可以參考下啊,希望本文對你有所幫助2013-01-01JavaScript 鼠標(biāo)事件(MouseEvent)案例講解
這篇文章主要介紹了JavaScript 鼠標(biāo)事件(MouseEvent)案例講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08javascript parseInt 函數(shù)分析(轉(zhuǎn))
javascript的parseInt函數(shù)的一些問題分析2009-03-03淺談javascript基礎(chǔ)之客戶端事件驅(qū)動
下面小編就為大家?guī)硪黄獪\談javascript基礎(chǔ)之客戶端事件驅(qū)動。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06Javascript中的getUTCHours()方法使用詳解
這篇文章主要介紹了Javascript中的getUTCHours()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06Javascript學(xué)習(xí)筆記之函數(shù)篇(四):arguments 對象
JavaScript中arguments函數(shù)對象是該對象代表正在執(zhí)行的函數(shù)和調(diào)用它的函數(shù)的參數(shù)。JavaScript 函數(shù)中 arguments 為特殊對象,無需明確指出參數(shù)名,就能訪問它們。2014-11-11