【 tulaoshi.com - Web开发 】
                             
                            目的:因为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"].length0) _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一个方法,毕竟现在blog程序还不需要这么多应用嘛。parameters 属性有个默认值:{asynchronous:true,method:"GET",parameters:""},可以从中知道,如果调用时不传入asynchronous、method、parameters三个参数,那么类将使用默认值。