ASP無刷新技術之一(ASP+XMLHTTP+JavaScript)簡析[適合初學入門者]

 ASP無刷新技術之一(ASP+XMLHTTP+JavaScript)簡析[適合初學入門者]
   網上關於ASP無刷新技術的教程很多都以複雜繁瑣的篇幅去實現如聊天室等程序,我認爲對於初學者只要先明白其中原理,更多功能可自己擴展。所以這裏通過幾段代碼說明此原理,希望能讓初學者舉一反三。正所謂“授人以魚不如授人以漁”,有興趣的朋友可加QQ號碼64943917一起討論,或加ASP技術討論羣QQ羣:3316653。

   這裏總共分兩個文件,一個爲test.asp,功能爲向服務器提前當前時間,讀者可自行擴展,如通過連接查詢數據庫等操作,另一個文件爲show.html,實時從test文件讀取內容並顯示出來。代碼如下。

   show.htm

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無刷新測試</title>

<script language="JavaScript">

//有興趣的朋友可加QQ:64943917討論,ASP技術討論羣QQ羣:3316653
//編輯:任風晾乾的淚
function GetResult() //利用XMLHTTP讀取服務器端內容
{
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
oBao.open("POST","test.asp",false);
oBao.send();
var strResult = unescape(oBao.responseText);
td.innerText = strResult;
}


function MyShow() //每五秒從服務器讀取一次數據
{
timer = window.setInterval("GetResult()",5000);
}
</script></head>
<body onLoad="MyShow()"><p id=td></p>
</body>
</html>

test.asp

測試文字:
編輯:任風晾乾的淚
獲取服務器時間,以驗證無刷新讀取是否成功<%=now()%>
這裏只是簡單讀取服務器時間,如需其他功能可自行任意擴展。

    將以上兩個文件放置於你的站點目錄下,運行show.html就可以預覽了,解決中文亂碼問題,我將test.asp用記事本保存爲utf-8編碼。根據此原理可製作無刷新聊天室,無刷新在線客服等程序。以上代碼在IIS5,IE5.5環境下測試通過。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章