当前位置：首页 >> 网站建设 >> 正文

AJAXRequest v0.4

文章来自:设计学院 | 发表时间:2007-10-26 20:36:12

版权声明：未作特别说明的内容可以转载，转载时请务必以超链接形式标明文章原始出处和作者信息及本声明。本文地址：http://www.xujiwei.cn/blog/?id=676

AJAXRequest是一个轻量级的AJAX应用程序开发框架，兼容Firefox、IE、Opera、Safari，可以方便地进行一些AJAX中经常需要用到的操作，从而简化开发步骤，减少重复代码编写量。

2007-01-13 v0.4

1.添加update方法

2.修改post方法为postf

3.添加方法post

4.修正了多个请求并发时后面的请求覆盖前面请求的bug

4.修改callback属性为oncomplete

AJAXRequest开发者手册：http://www.xujiwei.cn/works/ajaxrequest/

创建方法：

var ajaxobj=new AJAXRequest([url],[callback],[content],[method],[async]);

如果创建失败则返回false

属性：

url - 请求URL，字符串，默认为空

callback - 回调函数，即返回响应内容时调用的函数，默认为直接返回，回调函数有一个参数为XMLHttpRequest对象，即定义回调函数时要这样：function mycallback(xmlobj)

content - 请求的内容，如果请求方法为POST需要设定此属性，默认为空字符串

method - 请求方法，字符串，POST或者GET，默认为POST

async - 是否异步，true为异步，false为同步，默认为true

方法：

function send([url],[callback],[content],[method],[async])

发送请求，可选参数列表为空就使用对象属性

function get([url],[callback])

使用GET方法请求一个URL，可选参数默认使用对象属性

function post([url],[callback],[content])

使用POST方式提交一个请求到指定的URL，可选参数默认使用对象属性

function postf(form_obj,[callback],[url],[method])

发送一个表单到指定URL，form_obj为指定表单对象，可选参数为空时使用对象属性

function update([url],[update_obj],[update_interval],[update_times])

更新指定的对象，可以只更新一次，或者按一定时间间隔更新，可以指定更新次数

Source Code to Run

/*------------------------------------------
Name: AJAXRequest
Author: xujiwei
Website: http://www.xujiwei.cn
E-mail: vipxjw@163.com
Copyright (c) 2007, All Rights Reserved

AJAXRequest Deveoper Manual:
  http://www.xujiwei.cn/works/ajaxrequest/
------------------------------------------*/
function AJAXRequest() {
 var xmlPool = new Array;
 var xmlVersion = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
 var AJAX = this;
 if(arguments[0]) this.url=arguments[0]; else this.url="";
 if(arguments[1]) this.oncomplete=arguments[1]; else this.oncomplete=function(obj){return};
 if(arguments[2]) this.content=arguments[2]; else this.content="";
 if(arguments[3]) this.method=arguments[3]; else this.method="POST";
 if(arguments[4]) this.async=arguments[4]; else this.async=true;
 if(!getObj()) return false;
 function getObj() {
  var i;
  for(i=0;i<xmlPool.length;i++) if(xmlPool[i].readystate==4) return xmlPool[i];
  var tmpObj;
  try { tmpObj=new XMLHttpRequest; }
  catch(e) {
   for(i=0;i<xmlVersion.length;i++) {
    try { tmpObj=new ActiveXObject(xmlVersion[i]); }
    catch(e2) { continue; }
    break;
   }
  }
  if(!tmpObj) return false;
  else {
   xmlPool[xmlPool.length]=tmpObj;
   return xmlPool[xmlPool.length-1];
  }
 }
 this.send=function() {
  var purl,pcbf,pc,pm,pa,xmlObj;
  xmlObj=getObj();
  if(!xmlObj) return false;
  if(arguments[0]) purl=arguments[0]; else purl=this.url;
  if(arguments[1]) pc=arguments[1]; else pc=this.content;
  if(arguments[2]) pcbf=arguments[2]; else pcbf=this.oncomplete;
  if(arguments[3]) pm=arguments[3]; else pm=this.method;
  if(arguments[4]) pa=arguments[4]; else pa=this.async;
  if(!pm||!purl||!pa) return false;
  xmlObj.open(pm,purl,pa);
  if(pm=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  xmlObj.onreadystatechange=function() {
   if(xmlObj.readyState==4)
    if(xmlObj.status==200) pcbf(xmlObj); else pcbf(null);
  }
  if(pm=="POST") xmlObj.send(pc); else xmlObj.send("");
 }
 this.get=function() {
  var purl,pcbf;
  if(arguments[0]) purl=arguments[0]; else purl=this.url;
  if(arguments[1]) pcbf=arguments[1]; else pcbf=this.oncomplete;
  if(!purl&&!pcbf) return false;
  this.send(purl,"",pcbf,"GET",true);
 }
 this.update=function() {
  var purl,puo,pinv,pcnt,rinv,ucb;
  if(arguments[0]) purl=arguments[0]; else purl=this.url;
  if(arguments[1]) puo=arguments[1];
  if(arguments[2]&&!isNaN(parseInt(arguments[2]))) pinv=parseInt(arguments[2]);
  if(arguments[3]&&!isNaN(parseInt(arguments[3]))) pcnt=parseInt(arguments[3]);
  if(puo)
   ucb=function(obj) {
    if(puo.nodeName=="DIV") puo.innerHTML=obj.responseText;
    else if(puo.nodeName=="INPUT"||puo.nodeName=="TEXTAREA") puo.value=obj.responseText;
    else return;
   }
  else
   ucb=function(obj) { return; }
  if(pinv&&pinv>0)
   if(pcnt&&pcnt>0) {
    var cf=function(cc) {
     AJAX.send(purl,"",ucb,"GET",true);
     if(cc<1) return; else cc--;
     setTimeout(cf,pinv,cc);
    }
    cf(--pcnt);
   }
   else
    return(setInterval(this.send,pinv,purl,"",ucb,"GET",true));
  else
   this.send(purl,"",ucb,"GET",true);
 }
 this.post=function() {
  var purl,pcbf,pc;
  if(arguments[0]) purl=arguments[0]; else purl=this.url;
  if(arguments[1]) pcbf=arguments[1]; else pcbf=this.oncomplete;
  if(arguments[2]) pc=arguments[2]; else pc="";
  if(!purl&&!pcbf) return false;
  this.send(purl,pc,pcbf,"POST",true);
 }
 this.postf=function() {
  var fo,pcbf,purl,pc,pm;
  if(arguments[0]) fo=arguments[0]; else return false;
  if(arguments[1]) pcbf=arguments[1]; else pcbf=this.oncomplete;
  if(arguments[2]) purl=arguments[2];
  else if(fo.action) purl=fo.action;
  else purl=this.url;
  if(arguments[3]) pm=arguments[3];
  else if(fo.method) pm=fo.method.toLowerCase();
  else pm="post";
  if(!pcbf&&!purl) return false;
  pc=this.formToStr(fo);
  if(!pc) return false;
  if(pm) {
   if(pm=="post") this.send(purl,pc,pcbf,"POST",true);
   else
    if(purl.indexOf("?")>0) this.send(purl+"&"+pc,"",pcbf,"GET",true);
    else this.send(purl+"?"+pc,"",pcbf,"GET",true);
  }
  else this.send(purl,pc,pcbf,"POST",true);
 }
 // formToStr
 // from SurfChen <surfchen@gmail.com>
 // @url     http://www.surfchen.org/
 // @license http://www.gnu.org/licenses/gpl.html GPL
 // modified by xujiwei
 // @url     http://www.xujiwei.cn/
 this.formToStr=function(fc) {
  var i,query_string="",and="";
  for(i=0;i<fc.length;i++) {
   e=fc[i];
   if (e.name!='') {
    if (e.type=='select-one') element_value=e.options[e.selectedIndex].value;
    else if (e.type=='checkbox' || e.type=='radio') {
     if (e.checked==false) continue;
     element_value=e.value;
    }
    else element_value=e.value;
    element_value=encodeURIComponent(element_value);
    query_string+=and+e.name+'='+element_value;
    and="&";
   }
  }
  return query_string;
 }
}

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

相关文章

AJAXRequest v0.4

版权隐私 免责声明 友情链接 学院地图 关于设计学院

版权隐私　　免责声明　　友情链接　　学院地图　　关于设计学院