快捷導(dǎo)航

一個AJAX類代碼

更新時間：2010年01月17日 21:31:09 作者：

以前寫的一個AJAX類，兼容性還不錯，簡單易用，記下了方便以后找 :)

基本用法：

 
var ajax = new AjaxObj(url); 
ajax.addListener(200, function(r){ 
alert(r); 
}); 
ajax.send(); 

也可以連續(xù)調(diào)用：

復(fù)制代碼代碼如下:

 
var ajax = new AjaxObj(url).addListener(200, function(r){ 
alert(r); 
}).send(); 

另外還支持自定義的POST或GET方式請求，以及監(jiān)視不同的HTTP狀態(tài)碼，自己看代碼琢磨吧 :)
完整代碼：

復(fù)制代碼代碼如下:

 
AjaxObj = function(url, method, content){ 
    this.r = null; 
    this.url = url; 
    this.method = method; 
    this.content = content; 
    this.header = {}; 
    this.header["Connection"] = "close"; 
    this.header["Content-type"] = "application/x-www-form-urlencoded"; 
    var self = this; 
    if(window.XMLHttpRequest){ 
        this.r = new XMLHttpRequest(); 
    }else if(window.ActiveXObject){ 
        try { 
            this.r = new ActiveXObject("Msxml2.XMLHTTP"); 
        } catch(e) { 
            try{ 
                this.r = new ActiveXObject("Microsoft.XMLHTTP"); 
            } catch(e) { 
            } 
        } 
    } 
    this.addListener = function(http_status, func){ 
        if(!this.L) 
            this.L=[]; 
        this.L[http_status] = func; 
        return this; 
    }; 
    this.setHeader = function(name, value){ 
        this.header[name] = value; 
        this.r.setRequestHeader(name, value); 
        return this; 
    }; 
    this.send = function(){ 
        if(this.method != "post" && this.method != "get") 
            this.method = "get"; 
        this.r.open(this.method, this.url, true); 
        for(var h in this.header) { 
            this.r.setRequestHeader(h, this.header[h]); 
        } 
        this.r.send(this.content); 
    }; 
    if(this.r) this.r.onreadystatechange = function(){ 
        if(self.r.readyState == 4 && self.L[self.r.status] != null) 
            self.L[self.r.status](self.r.responseText); 
    }; 
}; 