自己写的ajax简易模型

function  Ajax(){
    var _xmlHttp = null;
    //创建对象
    this.createXMLHttpRequest = function(){
       if (window.ActiveXObject) {                                                    
          _xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");                                      
       }else if (window.XMLHttpRequest) {                                                  
         _xmlHttp = new XMLHttpRequest();                                                
       }
    }

   //实现回调函数
    this.backFunction = function(_backFunction){
     _backFunction(_xmlHttp.responseXML);
    }
     //方法实现
    this.ajaxRequest = function(_url,_method,_backFunction){
        this.createXMLHttpRequest();
        //在每个连接后面加个随机数
        var random = Math.round(Math.random()*10000);
        _url = (_url.indexOf('?')>0)?(_url+='&random='+random):(_url+='?random='+random);
        _xmlHttp.open(_method, _url, false);
        _xmlHttp.send(null);
        _xmlHttp.onreadystatechange = this.backFunction(_backFunction);                              
     }
}


用法:
自己定义一个处理ajax 返回xml 的js方法: 例如
function backFunction(xmlObj){
  ......
}

调用
var url = "...";
var method  = "GET";
new Ajax().ajaxRequest(url,method,backFunction);

评论

1 楼 zhangshuling1214 2009-02-25  

//======================
再次修改

function  Ajax(){
    var _xmlHttp = null;
this.createXMLHttpRequest = function(){
try{
if (window.ActiveXObject) {                                                   
_xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");                                     
}                                                                             
else if (window.XMLHttpRequest) {                                                 
_xmlHttp = new XMLHttpRequest();                                               
}
}catch(e){
   alert(e.name +" : " + e.message);
}
}

this.backFunction = function(_backFunction){
if(_xmlHttp.readyState == 4) {
if(_xmlHttp.status == 200) {
_backFunction(_xmlHttp.responseXML);
}
}
_xmlHttp.onreadystatechange = null;
}

this.doPost = function(_url,_parameter,_backFunction){
    try{
     _xmlHttp.open("POST",_url, false);
_xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
_xmlHttp.send(_parameter);
}catch(e){
  alert(e.name +" : " + e.message);
    }
}

this.doGet = function(_url,_parameter,_backFunction){
   try{
       var _random = Math.round(Math.random()*10000);
       _xmlHttp.open("GET", (_url+"?random=" +_random +"&" + _parameter), false);
   _xmlHttp.send(null);
}catch(e){
    alert(e.name +" : " + e.message);
}
}

    this.ajaxRequest = function(_url,_parameter,_method,_backFunction){
          try{
            this.createXMLHttpRequest();
        if(_method.toLowerCase() == "post"){
           this.doPost(_url,_parameter,_backFunction);
        }else{
           this.doGet(_url,_parameter,_backFunction); 
        }
        try{
          _xmlHttp.onreadystatechange = this.backFunction(_backFunction);
        }catch(err){
           //不知道为什么IE在这里总会报个“类型不匹配的错误”
        }
     }catch(e){
    alert(e.name +" : " + e.message);
}
     }

}

/*
var url = "ajax.do";
var parameter = "parameter=parameter";
var method = "post"

function callBack(xml){
  ....
}

new Ajax().ajaxRequest(url,parameter,method,callBack);

*/