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环境下测试通过。

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