快捷導(dǎo)航

一個(gè)簡單的AJAX請(qǐng)求類

更新時(shí)間：2006年12月23日 00:00:00 作者：

在給blog加上無刷新搜索和即時(shí)驗(yàn)證檢測(cè)后，又看了下代碼，感覺太過麻煩，就把XMLHttpRequest請(qǐng)求封裝到一個(gè)類里面，用起來方便多了，不用記那么多代碼，什么創(chuàng)建XMLHttpRequest對(duì)象什么的，這部分代碼也是重用性比較高的～已經(jīng)打包，在日志的末尾下載。

要看效果的話點(diǎn)開側(cè)邊欄里的日志搜索，里面有一個(gè)無刷新搜索，就是了，或者在閱讀日志或留言簿里的注冊(cè)碼那里有即時(shí)檢測(cè)，如果不輸入驗(yàn)證碼或者輸錯(cuò)了驗(yàn)證碼，輸入框都會(huì)變紅的^_^

類名：AJAXRequest

創(chuàng)建方法：var ajaxobj=new AJAXRequest;，如果創(chuàng)建失敗則返回false

屬性：method  -  請(qǐng)求方法，字符串，POST或者GET，默認(rèn)為POST

　　　url         -  請(qǐng)求URL，字符串，默認(rèn)為空

　　　async     -  是否異步，true為異步，false為同步，默認(rèn)為true

　　　content -  請(qǐng)求的內(nèi)容，如果請(qǐng)求方法為POST需要設(shè)定此屬性，默認(rèn)為空

　　　callback  - 回調(diào)函數(shù)，即返回響應(yīng)內(nèi)容時(shí)調(diào)用的函數(shù)，默認(rèn)為直接返回，回調(diào)函數(shù)有一個(gè)參數(shù)為XMLHttpRequest對(duì)象，即定義回調(diào)函數(shù)時(shí)要這樣：function mycallback(xmlobj)

方法：send     -  發(fā)送請(qǐng)求，無參數(shù)

一個(gè)例子：

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

<script type="text/javascript" src="ajaxrequest.js"></script> 
<script type="text/javascript"> 
var ajaxobj=new AJAXRequest;    // 創(chuàng)建AJAX對(duì)象 
ajaxobj.method="GET";   // 設(shè)置請(qǐng)求方式為GET 
ajaxobj.url="default.asp"  // URL為default.asp 
// 設(shè)置回調(diào)函數(shù)，輸出響應(yīng)內(nèi)容 
ajaxobj.callback=function(xmlobj) { 
     document.write(xmlobj.responseText); 
} 
ajaxobj.send();    // 發(fā)送請(qǐng)求

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

// 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); 
    } 
}