在向服務器發送數據之前,我們有必要解釋一下 XMLHttpRequest 對象的三個重要的屬性。
onreadystatechange 屬性存有處理服務器響應的函數。下面的代碼定義一個空的函數,可同時對 onreadystatechange 屬性進行設置:
xmlHttp.onreadystatechange=function()
{
// 我們需要在這裡寫一些代碼
}
readyState 屬性存有服務器響應的狀態信息。每當 readyState 改變時,onreadystatechange 函數就會被執行。
這是 readyState 屬性可能的值:
狀態 描述 0 請求未初始化(在調用 open() 之前) 1 請求已提出(調用 send() 之前) 2 請求已發送(這裡通常可以從響應得到內容頭部) 3 請求處理中(響應中通常有部分數據可用,但是服務器還沒有完成響應) 4 請求已完成(可以訪問服務器響應並使用它)我們要向這個 onreadystatechange 函數添加一條 If 語句,來測試我們的響應是否已完成(意味著可獲得數據):
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4
)
{
// 從服務器的response獲得數據
}
}
可以通過 responseText 屬性來取回由服務器返回的數據。
在我們的代碼中,我們將把時間文本框的值設置為等於 responseText:
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText
;
}
}
下一節,我們會介紹如何向服務器請求數據!