ASP无刷新技术之一（ASP+XMLHTTP+JavaScript）简析[适合初学入门者]

最新推荐文章于 2025-05-26 09:01:13 发布

转载最新推荐文章于 2025-05-26 09:01:13 发布 · 2.1k 阅读

文章标签：

#asp #javascript #服务器 #扩展 #测试 #qq

C/C++/C#/Java/Vb 专栏收录该内容

16 篇文章

订阅专栏

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