XML DOM – HttpRequest 對象

The XMLHttpRequest 對象

通過 XMLHttpRequest 對象，您可以在不重新加載整個頁面的情況下更新網(wǎng)頁中的某個部分。

XMLHttpRequest 對象

XMLHttpRequest 對象用于幕后與服務(wù)器交換數(shù)據(jù)。

XMLHttpRequest 對象是開發(fā)者的夢想，因為您可以：

• 在不重新加載頁面的情況下更新網(wǎng)頁
• 在頁面已加載后從服務(wù)器請求數(shù)據(jù)
• 在頁面已加載后從服務(wù)器接收數(shù)據(jù)
• 在后臺向服務(wù)器發(fā)送數(shù)據(jù)

創(chuàng)建 XMLHttpRequest 對象

所有現(xiàn)代的瀏覽器（IE7+、Firefox、Chrome、Safari 和 Opera）都有一個內(nèi)建的 XMLHttpRequest 對象。

創(chuàng)建 XMLHttpRequest 對象的語法

xmlhttp=new XMLHttpRequest();

舊版本的 Internet Explorer（IE5 和 IE6）使用 ActiveX 對象：

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

為了處理所有現(xiàn)代的瀏覽器，包括 IE5 和 IE6，請檢查瀏覽器是否支持 XMLHttpRequest 對象。如果支持，則創(chuàng)建一個 XMLHttpRequest 對象，如果不支持，則創(chuàng)建一個 ActiveX 對象：

發(fā)送一個請求到服務(wù)器

為了發(fā)送一個請求到服務(wù)器，我們使用 XMLHttpRequest 對象的 open() 和 send() 方法：

GET 或 POST？

GET 比 POST 簡單并且快速，可用于大多數(shù)情況下。

然而，下面的情況下請始終使用 POST 請求：

• 緩存的文件不是一個選項（更新服務(wù)器上的文件或數(shù)據(jù)庫）
• 發(fā)送到服務(wù)器的數(shù)據(jù)量較大（POST 沒有大小的限制）
• 發(fā)送用戶輸入（可以包含未知字符），POST 比 GET 更強大更安全

URL - 服務(wù)器上的文件

open() 方法的 url 參數(shù)，是一個在服務(wù)器上的文件的地址：

xmlhttp.open("GET","/statics/demosource/xmlhttp_info.txt",true);

該文件可以是任何類型的文件（如 .txt 和 .xml），或服務(wù)器腳本文件（如.html 和 .php，可在發(fā)送回響應(yīng)之前在服務(wù)器上執(zhí)行動作）。

異步 - True 或 False?

如需異步發(fā)送請求，open() 方法的 async 參數(shù)必需設(shè)置為 true：

xmlhttp.open("GET","/statics/demosource/xmlhttp_info.txt",true);

發(fā)送異步請求對于 Web 開發(fā)人員是一個巨大的進步。在服務(wù)器上執(zhí)行的許多任務(wù)非常費時。

通過異步發(fā)送，JavaScript 不需要等待服務(wù)器的響應(yīng)，但可以替換為：

• 等待服務(wù)器的響應(yīng)時，執(zhí)行其他腳本
• 響應(yīng)準備時處理響應(yīng)

Async=true

當(dāng)使用 async=true 時，在 onreadystatechange 事件中響應(yīng)準備時規(guī)定一個要執(zhí)行的函數(shù)：

Async=false

如需使用 async=false，請更改 open() 方法的第三個參數(shù)為 false：

xmlhttp.open("GET","/statics/demosource/xmlhttp_info.txt",false);

不推薦使用 async=false，但如果處理幾個小的請求還是可以的。

請記住，JavaScript 在服務(wù)器響應(yīng)準備之前不會繼續(xù)執(zhí)行。如果服務(wù)器正忙或緩慢，應(yīng)用程序?qū)炱鸹蛲Ｖ埂?/p>

注意：當(dāng)您使用 async=false 時，不要編寫 onreadystatechange 函數(shù) - 只需要把代碼放置在 send() 語句之后即可：

服務(wù)器響應(yīng)

如需從服務(wù)器獲取響應(yīng)，請使用 XMLHttpRequest 對象的 responseText 或 responseXML 屬性。

responseText 屬性

如果來自服務(wù)器的響應(yīng)不是 XML，請使用 responseText 屬性。

responseText 屬性以字符串形式返回響應(yīng)，您可以相應(yīng)地使用它：

responseXML 屬性

如果來自服務(wù)器的響應(yīng)不是 XML，且您想要把它解析為 XML 對象，請使用 responseXML 屬性：

onreadystatechange 事件

當(dāng)請求被發(fā)送到服務(wù)器，我們要根據(jù)響應(yīng)執(zhí)行某些動作。

onreadystatechange 事件在每次 readyState 變化時被觸發(fā)。

readyState 屬性持有 XMLHttpRequest 的狀態(tài)。

XMLHttpRequest 對象的三個重要的屬性：

在 onreadystatechange 事件中，我們規(guī)定當(dāng)服務(wù)器的響應(yīng)準備處理時會發(fā)生什么。

當(dāng) readyState 是 4 或狀態(tài)是 200 時，響應(yīng)準備：

注意：onreadystatechange 事件在每次 readyState 發(fā)生變化時被觸發(fā)，總共觸發(fā)了四次。

更多實例

通過 getAllResponseHeaders() 檢索頭信息
檢索資源（文件）的頭信息。

通過 getResponseHeader() 檢索指定頭信息
檢索資源（文件）的指定頭信息。

檢索 ASP 文件的內(nèi)容
當(dāng)用戶在輸入字段鍵入字符時，網(wǎng)頁如何與 Web 服務(wù)器進行通信。

從數(shù)據(jù)庫中檢索內(nèi)容
網(wǎng)頁如何通過 XMLHttpRequest 對象從數(shù)據(jù)庫中提取信息。

檢索 XML 文件的內(nèi)容
創(chuàng)建一個 XMLHttpRequest 從 XML 文件中檢索數(shù)據(jù)并把數(shù)據(jù)顯示在一個 HTML 表格中。