脚本宝典收集整理的这篇文章主要介绍了也写一个Ajax.Request类附代码，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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

脚本宝典总结

以上是脚本宝典为你收集整理的也写一个Ajax.Request类附代码全部内容，希望文章能够帮你解决也写一个Ajax.Request类附代码所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。