window.xmlHttPRequest

      xmlhttpRequest對象是當今所有Ajax和Web 2.0應用程序的技術基礎。盡管軟件經銷商和開源社團現在都在提供各種AJAX框架以進一步簡化XMLHttpRequest對象的使用；但是，我們仍然很有必要理解這個對象的詳細工作機制。　　一、 引言　　AJAX利用一個構建到所有現代瀏覽器內部的對象-XMLHttpRequest-來實現發送和接收HTTP請求與響應信息。一個經由XMLHttpRequest對象發送的HTTP請求并不要求頁面中擁有或回寄一個＜form＞元素。AJAX中的"A"代表了"異步"，這意味著XMLHttpRequest對象的send()方法可以立即返回，從而讓Web頁面上的其它HTML/javaScript繼續其瀏覽器端處理而由服務器處理HTTP請求并發送響應。盡管缺省情況下請求是異步進行的，但是，你可以選擇發送同步請求，這將會暫停其它Web頁面的處理，直到該頁面接收到服務器的響應為止?！　∥④浽谄銲nternet Explorer(IE) 5中作為一個ActiveX對象形式引入了XMLHttpRequest對象。其他的認識到這一對象重要性的瀏覽器制造商也都紛紛在他們的瀏覽器內實現了XMLHttpRequest對象，但是作為一個本地Javascript對象而不是作為一個ActiveX對象實現。而如今，在認識到實現這一類型的價值及安全性特征之后，微軟已經在其IE 7中把XMLHttpRequest實現為一個窗口對象屬性。幸運的是，盡管其實現(因而也影響到調用方式)細節不同，但是，所有的瀏覽器實現都具有類似的功能，并且實質上是相同方法。目前，W3C組織正在努力進行XMLHttpRequest對象的標準化，并且已經發行了有關該W3C規范的一個草案?！　”疚膶MLHttpRequest對象API進行詳細討論，并將解釋其所有的屬性和方法。　　二、 XMLHttpRequest對象的屬性和事件　　XMLHttpRequest對象暴露各種屬性、方法和事件以便于腳本處理和控制HTTP請求與響應。下面，我們將對此展開詳細的討論。readyState屬性　　當XMLHttpRequest對象把一個HTTP請求發送到服務器時將經歷若干種狀態：一直等待直到請求被處理；然后，它才接收一個響應。這樣以來，腳本才正確響應各種狀態-XMLHttpRequest對象暴露一個描述對象的當前狀態的readyState屬性，如表格1所示?！　”?#26684;1.XMLHttpRequest對象的ReadyState屬性值列表。ReadyState取值 描述 0  描述一種"未初始化"狀態；此時，已經創建一個XMLHttpRequest對象，但是還沒有初始化。 1  描述一種"發送"狀態；此時，代碼已經調用了XMLHttpRequest open()方法并且XMLHttpRequest已經準備好把一個請求發送到服務器。 2  描述一種"發送"狀態；此時，已經通過send()方法把一個請求發送到服務器端，但是還沒有收到一個響應。 3  描述一種"正在接收"狀態；此時，已經接收到HTTP響應頭部信息，但是消息體部分還沒有完全接收結束。 4  描述一種"已加載"狀態；此時，響應已經被完全接收。 　　onreadystatechange事件　　無論readyState值何時發生改變，XMLHttpRequest對象都會激發一個readystatechange事件。其中，onreadystatechange屬性接收一個EventListener值-向該方法指示無論readyState值何時發生改變，該對象都將激活?！　esponseText屬性　　這個responseText屬性包含客戶端接收到的HTTP響應的文本內容。當readyState值為0、1或2時，responseText包含一個空字符串。當readyState值為3(正在接收)時，響應中包含客戶端還未完成的響應信息。當readyState為4(已加載)時，該responseText包含完整的響應信息?！　esponseXML屬性　　此responseXML屬性用于當接收到完整的HTTP響應時(readyState為4)描述XML響應；此時，Content-Type頭部指定MIME(媒體)類型為text/xml，application/xml或以+xml結尾。如果Content-Type頭部并不包含這些媒體類型之一，那么responseXML的值為null。無論何時，只要readyState值不為4，那么該responseXML的值也為null?！　∑鋵崳@個responseXML屬性值是一個文檔接口類型的對象，用來描述被分析的文檔。如果文檔不能被分析(例如，如果文檔不是良構的或不支持文檔相應的字符編碼)，那么responseXML的值將為null。　　status屬性　　這個status屬性描述了HTTP狀態代碼，而且其類型為short。而且，僅當readyState值為3(正在接收中)或4(已加載)時，這個status屬性才可用。當readyState的值小于3時試圖存取status的值將引發一個異常?！　tatusText屬性　　這個statusText屬性描述了HTTP狀態代碼文本；并且僅當readyState值為3或4才可用。當readyState為其它值時試圖存取statusText屬性將引發一個異常。三、 XMLHttpRequest對象的方法　　XMLHttpRequest對象提供了各種方法用于初始化和處理HTTP請求，下列將逐個展開詳細討論。　　abort()方法　　你可以使用這個abort()方法來暫停與一個XMLHttpRequest對象相聯系的HTTP請求，從而把該對象復位到未初始化狀態。　　open()方法　　你需要調用open(DOMString method，DOMString uri，boolean async，DOMString username，DOMString passWord)方法初始化一個XMLHttpRequest對象。其中，method參數是必須提供的-用于指定你想用來發送請求的HTTP方法(GET，POST，PUT，DELETE或HEAD)。為了把數據發送到服務器，應該使用POST方法；為了從服務器端檢索數據，應該使用GET方法。另外，uri參數用于指定XMLHttpRequest對象把請求發送到的服務器相應的URI。借助于window.document.baseURI屬性，該uri被解析為一個絕對的URI-換句話說，你可以使用相對的URI-它將使用與瀏覽器解析相對的URI一樣的方式被解析。async參數指定是否請求是異步的-缺省值為true。為了發送一個同步請求，需要把這個參數設置為false。對于要求認證的服務器，你可以提供可選的用戶名和口令參數。在調用open()方法后，XMLHttpRequest對象把它的readyState屬性設置為1(打開)并且把responseText、responseXML、status和statusText屬性復位到它們的初始值。另外，它還復位請求頭部。注意，如果你調用open()方法并且此時readyState為4，則XMLHttpRequest對象將復位這些值?！　end()方法　　在通過調用open()方法準備好一個請求之后，你需要把該請求發送到服務器。僅當readyState值為1時，你才可以調用send()方法；否則的話，XMLHttpRequest對象將引發一個異常。該請求被使用提供給open()方法的參數發送到服務器。當async參數為true時，send()方法立即返回，從而允許其它客戶端腳本處理繼續。在調用send()方法后，XMLHttpRequest對象把readyState的值設置為2(發送)。當服務器響應時，在接收消息體之前，如果存在任何消息體的話，XMLHttpRequest對象將把readyState設置為3(正在接收中)。當請求完成加載時，它把readyState設置為4(已加載)。對于一個HEAD類型的請求，它將在把readyState值設置為3后再立即把它設置為4?！　end()方法使用一個可選的參數-該參數可以包含可變類型的數據。典型地，你使用它并通過POST方法把數據發送到服務器。另外，你可以顯式地使用null參數調用send()方法，這與不用參數調用它一樣。對于大多數其它的數據類型，在調用send()方法之前，應該使用setRequestHeader()方法(見后面的解釋)先設置Content-Type頭部。如果在send(data)方法中的data參數的類型為DOMString，那么，數據將被編碼為UTF-8。如果數據是Document類型，那么將使用由data.xmlEncoding指定的編碼串行化該數據?！　etRequestHeader()方法　　該setRequestHeader(DOMString header，DOMString value)方法用來設置請求的頭部信息。當readyState值為1時，你可以在調用open()方法后調用這個方法；否則，你將得到一個異常?！　etResponseHeader()方法　　getResponseHeader(DOMString header，value)方法用于檢索響應的頭部值。僅當readyState值是3或4(換句話說，在響應頭部可用以后)時，才可以調用這個方法；否則，該方法返回一個空字符串?！　etAllResponseHeaders()方法　　該getAllResponseHeaders()方法以一個字符串形式返回所有的響應頭部（每一個頭部占單獨的一行）。如果readyState的值不是3或4，則該方法返回null。四、 發送請求　　在AJAX中，許多使用XMLHttpRequest的請求都是從一個HTML事件（例如一個調用JavaScript函數的按鈕點擊(onclick)或一個按鍵(onkeypress)）中被初始化的。AJAX支持包括表單校驗在內的各種應用程序。有時，在填充表單的其它內容之前要求校驗一個唯一的表單域。例如要求使用一個唯一的UserID來注冊表單。如果不是使用AJAX技術來校驗這個UserID域，那么整個表單都必須被填充和提交。如果該UserID不是有效的，這個表單必須被重新提交。例如，一個相應于一個要求必須在服務器端進行校驗的Catalog ID的表單域可能按下列形式指定：