此篇文章講解目錄：

• AJAX簡介

• XHR對象創建

• XHR對象請求

• XHR對象響應

• XHR對象readyState

簡介

AJAX 是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。通過在後臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

XHR對象創建

XMLHttpRequest 是 AJAX 的基礎。XMLHttpRequest 用於在後臺與服務器交換數據。

不考慮IE5、IE6的情況，所有的XHR創建方式均為：new XMLHttpRequest()

XHR對象請求

如需將請求發送到服務器，我們使用 XMLHttpRequest 對象的 open() 和 send() 方法：

• open(method,url,async) 規定請求的類型、URL 以及是否異步處理請求。

• method：請求的類型；GET 或 POST

• url：文件在服務器上的位置

• async：true（異步）或 false（同步）

• send(string) 將請求發送到服務器。

• string：僅用於 POST 請求

XHR對象響應

如需獲得來自服務器的響應，請使用 XMLHttpRequest 對象的 responseText 或 responseXML 屬性

XHR對象readyState

當請求被髮送到服務器時，我們需要執行一些基於響應的任務。每當 readyState 改變時，就會觸發 onreadystatechange 事件。readyState 屬性存有 XMLHttpRequest 的狀態信息。下面是 XMLHttpRequest 對象的三個重要的屬性：

• onreadystatechange 存儲函數（或函數名），每當 readyState 屬性改變時，就會調用該函數。

• readyState 存有 XMLHttpRequest 的狀態。從 0 到 4 發生變化。

• 0: 請求未初始化

• 1: 服務器連接已建立

• 2: 請求已接收

• 3: 請求處理中

• 4: 請求已完成，且響應已就緒

• status

• 200: OK

• 404: 未找到頁面