要想把請求發送到服務器,我們就需要使用 open() 方法和 send() 方法。
open() 方法需要三個參數。第一個參數定義發送請求所使用的方法(GET 還是 POST)。第二個參數規定服務器端腳本的 URL。第三個方法規定應當對請求進行異步地處理。
send() 方法可將請求送往服務器。如果我們假設 HTML 文件和 ASP 文件位於相同的目錄,那麼代碼是這樣的:
xmlHttp.open
("GET","time.asp",true); xmlHttp.send
(null);
現在,我們必須決定何時執行 AJAX 函數。當用戶在用戶名文本框中鍵入某些內容時,我們會令函數“在幕後”執行。
<html> <body> <script type="text/javascript"> function ajaxFunction() { varxmlHttp
; try { // Firefox, Opera 8.0+, SafarixmlHttp=new XMLHttpRequest();
} catch (e) { // Internet Explorer try {xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) { try {xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) { alert("您的浏覽器不支持AJAX!"); return false; } } } xmlHttp.onreadystatechange
=function() { if(xmlHttp.readyState
==4) { document.myForm.time.value=xmlHttp.responseText
; } } xmlHttp.open("GET","time.asp",true)
; xmlHttp.send(null)
; } </script> <form name="myForm"> 用戶: <input type="text" name="username"onkeyup="ajaxFunction();"
/> 時間: <input type="text" name="time" /> </form> </body> </html>
下一節介紹 "time.asp" 的腳本,這樣我們完整的 AJAX 應用程序就搞定了。