Latest web development tutorials

XML DOM – HttpRequest 對象

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


實例

嘗試一下- 實例

一個簡單的XMLHttpRequest實例
創建一個簡單的XMLHttpRequest,從TXT 文件中檢索數據。

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

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

檢索ASP文件的內容
當用戶在輸入字段鍵入字符時,網頁如何與Web 服務器進行通信。

從數據庫中檢索內容
網頁如何通過XMLHttpRequest 對像從數據庫中提取信息。

檢索XML文件的內容
創建一個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")。