第一個 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

          <2011年8月>
          31123456
          78910111213
          14151617181920
          21222324252627
          28293031123
          45678910

          導航

          統計

          常用鏈接

          留言簿(3)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 五台县| 会泽县| 德化县| 安庆市| 沛县| 海原县| 龙海市| 洛川县| 邯郸县| 桓仁| 罗江县| 旺苍县| 定襄县| 福泉市| 安溪县| 古浪县| 福安市| 乌兰察布市| 华阴市| 鄂伦春自治旗| 黔西| 济阳县| 澄城县| 托里县| 庄河市| 连江县| 平顶山市| 新竹市| 阜阳市| 聊城市| 会泽县| 浦县| 兴义市| 新兴县| 治县。| 岳西县| 涞源县| 和政县| 屯昌县| 彰武县| 尼玛县|