常言笑的家

          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)

          隨筆分類

          隨筆檔案

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 筠连县| 辰溪县| 赣州市| 鹰潭市| 新沂市| 赣榆县| 浠水县| 阳春市| 正蓝旗| 冕宁县| 五峰| 通许县| 泗阳县| 稻城县| 洪泽县| 永丰县| 保山市| 星座| 陵川县| 东阿县| 建始县| 秀山| 红桥区| 南开区| 江孜县| 临漳县| 元朗区| 赞皇县| 奉节县| 蓬安县| 安福县| 安泽县| 苗栗市| 朝阳区| 云梦县| 交口县| 长汀县| 大荔县| 余江县| 马尔康县| 德惠市|