XMLHttpRequest 對象


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


實例

嘗試一下 - 實例


創建一個簡單的 XMLHttpRequest,從 TXT 檔中檢索數據。

通過 getAllResponseHeaders() 檢索頭資訊
檢索資源(檔)的頭資訊。

通過 getResponseHeader() 檢索指定頭資訊
檢索資源(檔)的指定頭資訊。


當用戶在輸入字段鍵入字元時,網頁如何與 Web 伺服器進行通信。


網頁如何通過 XMLHttpRequest 對象從資料庫中提取資訊。


創建一個 XMLHttpRequest 從 XML 檔中檢索數據並把數據顯示在一個 HTML 表格中。


XMLHttpRequest 對象

XMLHttpRequest 對象是用於幕後與伺服器交換數據。

XMLHttpRequest 對象是開發者的夢想,因為您可以:

  • 在不重新加載頁面的情況下更新網頁
  • 在頁面已加載後從伺服器請求數據
  • 在頁面已加載後從伺服器接收數據
  • 在後臺向伺服器發送數據

XMLHttpRequest 對象方法

方法 描述
abort() 取消當前的請求。
getAllResponseHeaders() 返回頭資訊。
getResponseHeader() 返回指定的頭資訊。
open(method,url,async,uname,pswd) 規定請求的類型,URL,請求是否應該進行非同步處理,以及請求的其他可選屬性。

method:請求的類型:GET 或 POST
url:檔在伺服器上的位置
async:true(非同步)或 false(同步)
send(string) 發送請求到伺服器。

string:僅用於 POST 請求
setRequestHeader() 把標籤/值對添加到要發送的頭檔。

XMLHttpRequest 對象屬性

屬性 描述
onreadystatechange 存儲函數(或函數的名稱)在每次 readyState 屬性變化時被自動調用。
readyState 存放了 XMLHttpRequest 的狀態。從 0 到 4 變化:
0:請求未初始化
1:伺服器建立連接
2:收到的請求
3:處理請求
4:請求完成和回應準備就緒
responseText 返回作為一個字串的回應數據。
responseXML 返回作為 XML 數據回應數據。
status 返回狀態數(例如 "404" 為 "Not Found" 或 "200" 為 "OK")。
statusText 返回狀態文本(如 "Not Found" 或 "OK")。