利用XMLHTTP無刷新自動實時更新數據

2024-09-05 20:54:57

字體：大中小

來源：轉載

供稿：網友

前些時間寫了幾篇關于XMLHTTP運用的實例.
(可以到http://dev.csdn.net/user/wanghr100看之前的幾編關于XMLHTTP的介紹.)

近來看論壇上經常有人提問關于如何無刷新,自動更新數據.
傳統上,我們瀏覽網頁,如果加入最新的數據.只能是等我們重新向服務器端請求時才能顯示出來.
但是,對于一些時效性很強的網站.傳統的這種做法是不能滿足的.

我們可以讓程序自動刷新.定時向服務器請求數據.5秒取一次數據,10秒取一次數據.
利用XMLHTTP發出請求并取得數據.傳到客戶端,客戶端重新組織并顯示數據.

demo.htm 前臺顯示.

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>

Server.asp 后臺讀取數據

<% @Language="JavaScript" %>
<%
function OpenDB(sdbname)
{
/*
*--------------- OpenDB(sdbname) -----------------
* OpenDB(sdbname)
* 功能:打開數據庫sdbname,返回conn對象.
* 參數:sdbname,字符串,數據庫名稱.
* 實例:var conn = OpenDB("database.mdb");
* author:wanghr100(灰豆寶寶.net)
* update:2004-5-12 8:18
*--------------- OpenDB(sdbname) -----------------
*/
var connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(sdbname);
var conn = Server.CreateObject("ADODB.Connection");
conn.Open(connstr);
return conn;
}
var sResult = new Array();
var oConn = OpenDB("data.mdb");
//特殊字符：+,%,&,=,?等的傳輸解決辦法.客戶端字符是經過escape編碼的
//所以服務器端先要經過unescape解碼.
//Update:2004-6-1 12:22
var sql = "select num1,num2 from nums order by id";
var rs = oConn.Execute(sql);
while(!rs.EOF)
{
//一條記錄用"###"隔開.每列數據用"@@@"隔開. 這是以只有兩個列數據的情況.
sResult[sResult.length] = rs("num1").Value + "@@@" + rs("num2").Value
rs.MoveNext();
}
//escape解決了XMLHTTP。中文處理的問題.
Response.Write(escape(sResult.join("###")));
%>