摘要：請求終止時會調(diào)用事件處理程序，此時為，這就會調(diào)用事件。強(qiáng)行讓對象將響應(yīng)作為處理。在請求發(fā)生錯誤時觸發(fā)。最終，實(shí)現(xiàn)中引入了事件，用以替代事件。事件事件會在瀏覽器接收新數(shù)據(jù)期間周期性地觸發(fā)。

var xhr = new XMLHttpRequst();

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;
                    var len;
            
                    for (i=0,len=versions.length; i < len; i++){
                        try {
                            new ActiveXObject(versions[i]);
                            arguments.callee.activeXString = versions[i];
                            break;
                        } catch (ex){
                            //skip
                        }
                    }
                }
            
                return new ActiveXObject(arguments.callee.activeXString);
            } else {
                throw new Error("No XHR object available.");
            }
        }
var xhr = createXHR();

xhr包含四個方法：

xhr.open();//接受3個參數(shù)：發(fā)送請求的類型，請求的地址，是否異步請求
xhr.setRequestHeader();//接受兩個參數(shù)：設(shè)置htttp頭部的名字，設(shè)置http頭部的值
xhr.send();//接受一個參數(shù)：作為請求主體的數(shù)據(jù)
xhr.abort();//取消異步請求

xhr.open()注意：發(fā)送請求的地址相對執(zhí)行代碼的當(dāng)前頁面。
當(dāng)調(diào)用send()之后，請求將發(fā)送到后臺并且服務(wù)器響應(yīng)之后xhr對象的屬性將被自動填充：

responseText:獲得字符串形式的響應(yīng)數(shù)據(jù)。
responseXML:獲得 XML 形式的響應(yīng)數(shù)據(jù)。
status:響應(yīng)http的狀態(tài)。
statusText:響應(yīng)狀態(tài)說明。

說明：這個屬性表示請求或者是響應(yīng)個過程的當(dāng)前活動階段。

0: 未初始化。未調(diào)用open()方法。
1: 啟動。已調(diào)用open()，未調(diào)用send()
2: 發(fā)送。已調(diào)用send(),尚未接收到響應(yīng)數(shù)據(jù)
3: 接收。接收到部分響應(yīng)數(shù)據(jù)
4: 完成。已經(jīng)接收到所有數(shù)據(jù)

readyState每次改變時將會觸發(fā)readystatechange事件。
可以在調(diào)用open()之前指定onreadystatechange事件處理程序才能確?？鐬g覽器的兼容性。

//例子
var xhr = createXHR();        
xhr.onreadystatechange = function(event){
    if (xhr.readyState == 4){
        if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){
            alert(xhr.responseText);
        } else {
            alert("Request was unsuccessful: " + xhr.status);
        }
    }
};
xhr.open("get", "example.txt", true);
xhr.send(null);

說明：用于向服務(wù)器查詢信息。
通常將查詢的變量加在請求地址之后
比如說：xxx.xxx.xx?id=2  向服務(wù)器傳遞了一個參數(shù)名字叫name值為1

用下面這個函數(shù)實(shí)現(xiàn)添加參數(shù)

function addURLParam(url, name, value) {
    url += (url.indexOf("?") == -1 ? "?" : "&");
    url += encodeURIComponent(name) + "=" +encodeURIComponent(value);
    return url ;
}

說明：通常向服務(wù)器發(fā)送應(yīng)該保存的數(shù)據(jù)

xhr.open("post","請求地址",true);

post請求消耗的資源比get請求要多。發(fā)送相同的數(shù)據(jù)，get的速度最多可以達(dá)到post的兩倍

說明：序列化表單以及創(chuàng)建與表單格式相同的數(shù)據(jù)。
之前在文章中提到過，具體點(diǎn)這里

XHR的timeout屬性，表示請求等待響應(yīng)多少毫秒之后就會自動終止。
請求終止時會調(diào)用ontimeout事件處理程序，此時readyState為4，這就會調(diào)用onreadystatechange事件。但是如果超時終止請求之后再訪問status屬性就會報(bào)錯。這里可以使用try-catch中去處理檢查status屬性。

強(qiáng)行讓XHR對象將響應(yīng)作為XML處理。

loadstart：在接收到相應(yīng)數(shù)據(jù)的第一個字節(jié)時觸發(fā)。
progress：在接收相應(yīng)期間持續(xù)不斷觸發(fā)。
error：在請求發(fā)生錯誤時觸發(fā)。
abort：在因?yàn)檎{(diào)用abort()方法而終止鏈接時觸發(fā)。
load：在接收到完整的相應(yīng)數(shù)據(jù)時觸發(fā)。
loadend：在通信完成或者觸發(fā)error、abort或load事件后觸發(fā)。

每個請求不對觸發(fā)Loadstart事件開始，接下來是一或多個progress事件，然后觸發(fā)error、abort或load事件中的一個，最后以觸發(fā)loadend事件結(jié)束。

Firefox在實(shí)現(xiàn)XHR對象的某個版本時，曾致力于簡化異步交互模型。最終，F(xiàn)irefox實(shí)現(xiàn)中引入了load事件，用以替代readystatechange事件。響應(yīng)接收完畢后將觸發(fā)Load事件，因此也就沒有必要去檢查readyState屬性了。而onload事件處理程序會接收到一個event對象，其target屬性就指向XHR對象實(shí)例，因而可以訪問到XHR對象的所有方法和屬性。然而，并非所有瀏覽器都為這個事件實(shí)現(xiàn)了適當(dāng)?shù)氖录ο蟆＝Y(jié)果，開發(fā)人員還是要像下面這樣被迫使用XHR對象變量。

var xhr = createXHR();
xhr.onload = function () {
    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
        alert(xhr.responseText);
    } else {
        alert("Request was unsuccessful: " + xhr.status);
    }
};
xhr.open("get", "altevents.php", true);
xhr.send(null);

只要瀏覽器接收到服務(wù)器的響應(yīng)，不管其狀態(tài)如何，都會觸發(fā)load事件。而這意味著你必須要檢查status屬性，才能確定數(shù)據(jù)是否真的已經(jīng)可用了。Firefox、Operan、Chrome和Safari都支持load事件。

progress事件會在瀏覽器接收新數(shù)據(jù)期間周期性地觸發(fā)。而onprogress事件處理程序會接收到一個event對象，其target屬性是XHR對象，但包含著三個額外的屬性：lengthComputable、loaded和total。其中，lengthComputable是一個表示進(jìn)度信息是否可用的布爾值，loaded表示已經(jīng)接收的字節(jié)數(shù)，loaded表示根據(jù)Content-Length響應(yīng)頭部確定的預(yù)期字節(jié)數(shù)。有了這些信息，我們就可以為用戶創(chuàng)建一個進(jìn)度指示器了。