主頁 > 知識庫 > 也寫一個Ajax.Request類附代碼

也寫一個Ajax.Request類附代碼

熱門標簽:遼寧銀行智能外呼系統(tǒng) 遼寧正規(guī)電銷機器人 電銷機器人違法了嗎 澳大利亞城市地圖標注 許昌智能電銷機器人公司 姜堰電銷機器人 海南銀行智能外呼系統(tǒng)商家 上海浦東騰訊地圖標注位置 辰溪地圖標注
目的:因為blog程序里的某些模塊需要用到ajax,直接使用prototype.js體積比較大(40多k),而且僅僅用到其中的ajax功能,因此為了減輕下載的負擔,又不能改動已經在prototype.js框架下寫好的代碼,只能是按照prototype的風格,自己寫一個ajax類,達到零成本移植框架。

新的ajax類如下:

var Ajax = {xmlhttp:function(){
try{
return new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
return new XMLHttpRequest();
}

}
};

Ajax.Request = function(){
if (arguments.length2) return;
var _p = {asynchronous:true,method:"GET",parameters:""}; //default option
for (var key in arguments[1]){ // custom option overwrite default option
_p[key] = arguments[1][key]; 
}
var _x = Ajax.xmlhttp(); //xml obj
var _url = arguments[0]; //str
if(_p["parameters"].length>0) _p["parameters"] += '_=';
if(_p["method"].toUpperCase()=="GET")_url += (_url.match(/\?/) ? '' : '?') + _p["parameters"];
_x.open(_p["method"],_url,_p["asynchronous"]);
_x.onreadystatechange = function(){
if (_x.readyState==4){
if(_x.status==200){
_p["onComplete"]?_p["onComplete"](_x):"";
}else{
_p["onError"]?_p["onError"](_x):"";
}
}
}
if(_p["method"].toUpperCase()=="POST")_x.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
_x.send(_p["method"].toUpperCase()=="POST" ? _p["parameters"] : null);
};


這個類保存成js文件,體積還不到1k,足夠小了。哈哈。
調用方法:

var myAjax = new Ajax.Request(
"http://localhost/abc.asp",
{
method:"post",
parameters:"demo=123456789abc",
onComplete:function(xmlhttp){
alert(xmlhttp.responseText)
}
}
);

調用的風格完全與原來相同!

目前這個新類只有兩個回調函數:onComplete 與 onError,Ajax類也只有Request一個方法,畢竟現(xiàn)在blog程序還不需要這么多應用嘛。parameters 屬性有個默認值:{asynchronous:true,method:"GET",parameters:""},可以從中知道,如果調用時不傳入asynchronous、method、parameters三個參數,那么類將使用默認值。

標簽:西藏 深圳 銅川 晉城 撫州 威海 崇左 伊春

巨人網絡通訊聲明:本文標題《也寫一個Ajax.Request類附代碼》,本文關鍵詞  也,寫,一個,Ajax.Request,類附,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《也寫一個Ajax.Request類附代碼》相關的同類信息!
  • 本頁收集關于也寫一個Ajax.Request類附代碼的相關信息資訊供網民參考!
  • 推薦文章