当前位置 博文首页 > AJAX请求类

    AJAX请求类

    作者:admin 时间:2021-09-22 19:15

    复制代码 代码如下:

    // AJAX类
    function AJAXRequest() {
     var xmlObj = false;
     var CBfunc,ObjSelf;
     ObjSelf=this;
     try { xmlObj=new XMLHttpRequest; }
     catch(e) {
      try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
      catch(e2) {
       try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
       catch(e3) { xmlObj=false; }
      }
     }
     if (!xmlObj) return false;
     this.method="POST";
     this.url;
     this.async=true;
     this.content="";
     this.callback=function(cbobj) {return;}
     this.send=function() {
      if(!this.method||!this.url||!this.async) return false;
      xmlObj.open (this.method, this.url, this.async);
      if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
      xmlObj.onreadystatechange=function() {
       if(xmlObj.readyState==4) {
        if(xmlObj.status==200) {
         ObjSelf.callback(xmlObj);
        }
       }
      }
      if(this.method=="POST") xmlObj.send(this.content);
      else xmlObj.send(null);
     }
    }


    AJAX请求类
    by HotHeart(热血心肠)
    Site: http://www.xujiwei.cn/
    Blog: http://www.xujiwei.cn/blog/


    类名:AJAX

    创建方法:var ajaxobj=new AJAX;,如果创建失败则返回false

    属性:method  -  请求方法,字符串,POST或者GET,默认为POST
       url         -  请求URL,字符串,默认为空
       async     -  是否异步,true为异步,false为同步,默认为true
       content -  请求的内容,如果请求方法为POST需要设定此属性,默认为空
       callback  - 回调函数,即返回响应内容时调用的函数,默认为直接返回,回调函数有一个参数为XMLHttpRequest对象,即定义回调函数时要这样:function mycallback(xmlobj)

    方法:send()     -  发送请求,无参数


    一个例子:
    <script type="text/javascript" src="ajaxrequest.js"></script>
    <script type="text/javascript">
    var ajaxobj=new AJAXRequest;    // 创建AJAX对象
    ajaxobj.method="GET";   // 设置请求方式为GET
    ajaxobj.url="default.asp"  // URL为default.asp
    // 设置回调函数,输出响应内容
    ajaxobj.callback=function(xmlobj) {
         document.write(xmlobj.responseText);
    }
    ajaxobj.send();    // 发送请求
    </script>

    jsjbwy