也写一个Ajax.Request类附代码

春季来好快,悄无声息不知不觉中,草儿绿了,枝条发芽了,遍地野花油菜花开灿烂多姿,一切沐浴着春晨曙光,春风中摇弋轻摆,仿佛少女轻歌曼舞,楚楚动人。
目的:因为blog程序里的某些模块需要用到ajax,直接使用prototype.js体积比较大(40多k),而且仅仅用到其中的ajax功能,因此为了减轻下载的负担,又不能改动已经在prototype.js框架下写好的代码,只能是按照prototype的风格,自己写一个ajax类,达到零成本移植框架。 新的ajax类如下: varAjax={xmlhttp:function(){
try{
returnnewActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
returnnewActiveXObject('Microsoft.XMLHTTP');
}catch(e){
returnnewXMLHttpRequest();
}
}
}
}; Ajax.Request=function(){
if(arguments.length<2)return;
var_p={asynchronous:true,method:"GET",parameters:""};//defaultoption
for(varkeyinarguments[1]){//customoptionoverwritedefaultoption
_p[key]=arguments[1][key];
}
var_x=Ajax.xmlhttp();//xmlobj
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,足够小了。哈哈。
调用方法: varmyAjax=newAjax.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三个参数,那么类将使用默认值。

到此这篇关于也写一个Ajax.Request类附代码就介绍到这了。狠抓基础是成功的基础 持之以恒是胜利的保证更多相关也写一个Ajax.Request类附代码内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: Ajax Request