400-1100-266

9:00-24:00（工作日）
主页 > 知识库 > 也写一个Ajax.Request类附代码

也写一个Ajax.Request类附代码
热门标签：银行业务 Linux服务器 科大讯飞语音识别系统 服务器配置 阿里云 团购网站 Mysql连接数设置 电子围栏
目的：因为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一个方法，毕竟现在blog程序还不需要这么多应用嘛。parameters 属性有个默认值：{asynchronous:true,method:"GET",parameters:""}，可以从中知道，如果调用时不传入asynchronous、method、parameters三个参数，那么类将使用默认值。

标签：广元 衢州 衡水 大理 枣庄 萍乡 蚌埠 江苏

巨人网络通讯声明：本文标题《也写一个Ajax.Request类附代码》，本文关键词  ；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 推荐文章

    上一篇：AJAX乱码解决新方法

    下一篇：AJAX简历系统附js文件

     
    微信咨询办理
    在线QQ客服
    ( 客服小王 )
    ( 客服小李 )
    ( 客服小刘 )
    ( 客服小张 )
    关于我们 | 荣誉资质 | 呼叫中心 | 代理加盟 | 客户案例 | 服务支持 | 产品介绍 | 行业资讯

    Copyright © 1999-2012 诚信 合法 规范的巨人网络 www.1330.cn 始建于2005年

    全国网站建设网站开发咨询热线：400-1100-266   0514-86177077

    江苏扬州巨人网络科技有限公司   总部地址：江苏省扬州信息产业基地11号楼4层

    《增值电信业务经营许可证》苏B2-20120278    苏ICP备15040257号 网站地图
    全国咨询热线
    400-1100-266
    在线客服( QQ：340506921 )
    版权所有：巨人网络(扬州)科技有限公司——拥有网站建设十年经验，具备独立网站开发能力，能够提供完善的网站设计及相关的网站制作服务！     全国统一服务热线：400-1100-266
    收缩
    • 微信客服
    • 微信二维码

    • 电话咨询

    • 400-1100-266