DIV CSS 佈局教程網

AJAX - 更多有關 XMLHttpRequest 對象的知識

在向服務器發送數據之前，我們有必要解釋一下 XMLHttpRequest 對象的三個重要的屬性。

onreadystatechange 屬性

onreadystatechange 屬性存有處理服務器響應的函數。下面的代碼定義一個空的函數，可同時對 onreadystatechange 屬性進行設置：

xmlHttp.onreadystatechange=function()
  {
  // 我們需要在這裡寫一些代碼
  }

readyState 屬性

readyState 屬性存有服務器響應的狀態信息。每當 readyState 改變時，onreadystatechange 函數就會被執行。

這是 readyState 屬性可能的值：

狀態 描述 0 請求未初始化（在調用 open() 之前） 1 請求已提出（調用 send() 之前） 2 請求已發送（這裡通常可以從響應得到內容頭部） 3 請求處理中（響應中通常有部分數據可用，但是服務器還沒有完成響應） 4 請求已完成（可以訪問服務器響應並使用它）

我們要向這個 onreadystatechange 函數添加一條 If 語句，來測試我們的響應是否已完成（意味著可獲得數據）：

xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
    // 從服務器的response獲得數據
    }
  }

responseText 屬性

可以通過 responseText 屬性來取回由服務器返回的數據。

在我們的代碼中，我們將把時間文本框的值設置為等於 responseText：

xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
    document.myForm.time.value=xmlHttp.responseText;
    }
  }

下一節，我們會介紹如何向服務器請求數據！