第一個 AJAX 應用程序
首先,我們需要一個帶有兩個文本框的 HTML 表單:用戶名和時間。用戶名文本框由用戶填寫,而時間文本框使用 AJAX 進行填寫。 此 HTML 文件名為 "testAjax.htm"(請注意這個 HTML 表單沒有提交按鈕!):我們必須決定何時執行 AJAX 函數。當用戶在用戶名文本框中鍵入某些內容時,我們會令函數“在幕后”執行。 <html> <body> <script type="text/javascript"> function ajaxFunction() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp=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();" /> //onkeyup 事件會在鍵盤按鍵被松開時發生 時間: <input type="text" name="time" /> </form> </body> </html>AJAX - 服務器端的腳本
現在,我們要創建可顯示當前服務器時間的腳本。 responseText 屬性會存儲從服務器返回的數據。在這里,我們希望傳回當前的時間。 這是 "time.asp" 的代碼: <% response.expires=-1response.write(time)%> 注釋:Expires 屬性可設置在頁面緩存失效前頁面被緩存的時間(分鐘)。Response.Expires=-1 指示頁面不會被緩存。運行您的 AJAX 應用程序
請在下面的文本框中鍵入一些文本,然后單擊時間文本框: 用戶: 時間: 時間文本框可在不加載頁面的情況下從 "time.asp" 獲得服務器的時間!posted on 2011-08-09 13:03 SkyDream 閱讀(286) 評論(0) 編輯 收藏 所屬分類: Ajax