常言笑的家

          Spring, Hibernate, Struts, Ajax, RoR

          XMLHTTP無刷新自動實時更新數據 ajax技術

          <script language="JavaScript">

          function GetResult()

          {

          /*

          *--------------- GetResult() -----------------

          * GetResult()

          * 功能:通過XMLHTTP發送請求,返回結果.

          * 參數:str,字符串,發送條件.

          * 實例:GetResult();

          *--------------- GetResult() -----------------

          */

          var oBao = new ActiveXObject("Microsoft.XMLHTTP");

          //特殊字符:+,%,&,=,?等的傳輸解決辦法.字符串先用escape編碼的.

          //Update:2004-6-1 12:22

          oBao.open("POST","Server.asp",false);

          oBao.send();

          //服務器端處理返回的是經過escape編碼的字符串.

          var strResult = unescape(oBao.responseText);

          //將字符串分開.

          var arrResult = strResult.split("###");

          RemoveRow(); //刪除以前的數據.

          //將取得的字符串分開,并寫入表格中.

          for(var i=0;i<arrResult.length;i++)

          {

          arrTmp = arrResult[i].split("@@@");

          num1 = arrTmp[0]; //字段num1的值

          num2 = arrTmp[1]; //字段num2的值

          row1 = tb.insertRow();

          cell1 = row1.insertCell();

          cell1.innerText = num1;

          cell2 = row1.insertCell();

          cell2.innerText = num2;

          }

          }

          function RemoveRow()

          {

          //保留第一行表頭,其余數據均刪除.

          var iRows = tb.rows.length;

          for(var i=0;i<iRows-1;i++)

          {

          tb.deleteRow(1);

          }

          }

          function MyShow()

          {

          //2秒自動刷新一次,2秒取得一次數據.

          timer = window.setInterval("GetResult()",2000);

          }

          </script>

          <body onload="MyShow()">

          <p>

          </p>

          <table width="47%" height="23" border="0"
          cellpadding="1" cellspacing="0" id="tb">

          <tr>

          <td>num1</td>

          <td>num2</td>

          </tr>

          </table>

          posted on 2007-06-26 10:36 常言笑 閱讀(1216) 評論(1)  編輯  收藏 所屬分類: JAVASCRIPT/AJAX

          Feedback

          # re: XMLHTTP無刷新自動實時更新數據 ajax技術[未登錄] 2013-05-10 15:02 111

          11111  回復  更多評論   


          My Links

          Blog Stats

          常用鏈接

          留言簿(5)

          隨筆分類

          隨筆檔案

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 兴化市| 伊金霍洛旗| 日喀则市| 修武县| 澄迈县| 桐乡市| 蒲城县| 庆元县| 博白县| 永善县| 手游| 湘潭市| 冷水江市| 夏津县| 楚雄市| 深圳市| 泰和县| 高唐县| 唐海县| 容城县| 柞水县| 开封县| 博野县| 宁明县| 三门县| 新竹县| 通海县| 黄浦区| 青田县| 石渠县| 赞皇县| 和平县| 巍山| 永吉县| 普定县| 山东| 紫金县| 万州区| 洛扎县| 福泉市| 白朗县|