XMLHTTP無刷新自動實時更新數(shù)據(jù) ajax技術(shù)
<script language="JavaScript">
function GetResult()
{
/*
*--------------- GetResult() -----------------
* GetResult()
* 功能:通過XMLHTTP發(fā)送請求,返回結(jié)果.
* 參數(shù):str,字符串,發(fā)送條件.
* 實例:GetResult();
*--------------- GetResult() -----------------
*/
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
//特殊字符:+,%,&,=,?等的傳輸解決辦法.字符串先用escape編碼的.
//Update:2004-6-1 12:22
oBao.open("POST","Server.asp",false);
oBao.send();
//服務(wù)器端處理返回的是經(jīng)過escape編碼的字符串.
var strResult = unescape(oBao.responseText);
//將字符串分開.
var arrResult = strResult.split("###");
RemoveRow(); //刪除以前的數(shù)據(jù).
//將取得的字符串分開,并寫入表格中.
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()
{
//保留第一行表頭,其余數(shù)據(jù)均刪除.
var iRows = tb.rows.length;
for(var i=0;i<iRows-1;i++)
{
tb.deleteRow(1);
}
}
function MyShow()
{
//2秒自動刷新一次,2秒取得一次數(shù)據(jù).
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 常言笑 閱讀(1215) 評論(1) 編輯 收藏 所屬分類: JAVASCRIPT/AJAX