<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    第一個 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 閱讀(285) 評論(0)  編輯  收藏 所屬分類: Ajax

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

    導航

    統計

    常用鏈接

    留言簿(3)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 免费人成再在线观看网站| 亚洲免费在线视频观看| 人禽伦免费交视频播放| 亚洲av中文无码| 一区二区三区免费视频播放器| 亚洲天堂在线视频| 中文字幕无码毛片免费看| 亚洲国产精品无码久久一线 | 亚洲第一页中文字幕| 18禁男女爽爽爽午夜网站免费| 亚洲激情在线视频| 日韩免费精品视频| 亚洲精品国产suv一区88| 亚洲&#228;v永久无码精品天堂久久| 男男gay做爽爽的视频免费| 久99精品视频在线观看婷亚洲片国产一区一级在线 | 在线免费观看国产视频| 无码 免费 国产在线观看91| 国产AⅤ无码专区亚洲AV| 免费成人在线视频观看| 亚洲国产成人va在线观看网址| 成人毛片免费网站| 一级全免费视频播放| 亚洲AV日韩AV永久无码免下载| 噼里啪啦免费观看高清动漫4| 亚洲精品女同中文字幕| 伊伊人成亚洲综合人网7777| 久久久久高潮毛片免费全部播放| 亚洲熟妇无码八V在线播放| 亚洲 无码 在线 专区| 国产精成人品日日拍夜夜免费 | 综合亚洲伊人午夜网 | 国产亚洲情侣久久精品| 亚洲国产精品一区二区成人片国内| 在线观看永久免费| 免费看又黄又爽又猛的视频软件| 日本红怡院亚洲红怡院最新| 国产1024精品视频专区免费| 国产成人无码免费看片软件| 久久精品国产99国产精品亚洲| 亚洲精品成人网久久久久久|