javaScript學習之ajax

標籤：

1.xmlHttpRequest對象的建立

ajax的核心的XMLHttpRequest對象，下面的代碼給出了相容各個瀏覽器的方法實現

function createXHR(){    if(typeof XMLHttpRequest !="undefined"){        return new XMLHttpRequest();    }else if(typeof ActiveXObject != ‘undefined‘){        if(typeof arguments.callee.activeXString !="string"){            var versions=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"];            var i,len;            for(i=0;len=versions.length;i++){                try{                    new ActiveXObject(versions[i]);                    arguments.callee.activeXString=versions[i];                    break;                }catch(ex){                }            }        }        return new ActiveXObject(arguments.callee.activeXString);    }else{        throw new Error("no XHR object available...");    }}

事實上，如果不理會IE7之前的版本，使用原生的CHR就能夠實現。

2，XHR常用方法

1）xhr.open():接受三個參數，請求類型（get，post），請求的url，是否是非同步請求（是為true，否為false）

2）xhr.send():get為null，post為要發送的資料。

3）xhr.setRequestHeader(),佈建要求頭

4）xhr.onreadystatechage 設定非同步請求的回呼函數，為了保證瀏覽器的相容性，需要在open（）之前指定該回調

在請求過程中，xhr對象的readystate屬性會發生變化

1）0:尚未初始化，尚未成功調用open()方法

2）1：啟動，已經調用open(),尚未調用send()

3) 2: 發送，已經調用send()

4) 3: 接收，已經接收到部分響應

5）4：完成，已經接收到全部響應資料，用戶端可以使用

在收到響應後，響應資料會自動填滿xhr對象的下列屬性：

1）responseText:響應文本

2) responseXML 如果響應類型是"text/xml"或者"application/xml",該屬性有值，否則為空白

3）status 響應狀態代碼，一般200是成功的標誌，304代表從緩衝中取得資料

4）statusText 響應狀態說明，最好不要使用，在跨瀏覽器中不太可靠

 

 

javaScript學習之ajax