设为首页 - 加入收藏 - 网站地图 - RSS订阅 村姑网-www.cunguer.com
当前位置:首页 > 网络编程 > asp > 正文

asp 无刷新技术简单实现

时间:2015-12-05 21:28:09 来源:互联网 作者:未知 阅读:63
导读:本文通过一个每隔5秒获取一次服务器时间的简单例子向大家讲述了asp 无刷新技术的实现原理和步骤,使你接触这一技术时能够轻松的入门,好的开始等于成功的一半。网上关于ASP无刷新技术的教程很多都以复杂繁琐的篇幅去实现如聊天室等程序,我认为对于初学者只...

    本文通过一个每隔5秒获取一次服务器时间的简单例子向大家讲述了asp 无刷新技术的实现原理和步骤,使你接触这一技术时能够轻松的入门,好的开始等于成功的一半。网上关于ASP无刷新技术的教程很多都以复杂繁琐的篇幅去实现如聊天室等程序,我认为对于初学者只要先明白其中原理,更多功能可自己扩展。所以这里通过几段代码说明此原理,希望能让初学者举一反三。

这里总共分两个文件,一个为test.asp,功能为向服务器提前当前时间,读者可自行扩展,如通过连接查询数据库等操作,另一个文件为show.html,实时从test文件读取内容并显示出来。代码如下。

show.html
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>asp无刷新技术测试</title>
<script language="javascript">
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);  //5000就是5000毫秒,1000毫秒等于1秒
}
</script></head>
<body onLoad="MyShow()"><p id=td></p>
</body>
</html>

test.asp

获取服务器时间,以验证无刷新读取是否成功<%=now()%>
这里只是简单读取服务器时间,如需其他功能可自行任意扩展。

将以上两个文件放置于你的站点目录下,运行show.html就可以预览了,解决中文乱码问题,我将test.asp用记事本保存为utf-8编码。根据此原理可制作无刷新聊天室,无刷新在线客服等程序。以上代码在IIS5,IE5.5环境下测试通过。

    如果上例你能明白的话,那么恭喜你,asp的无刷新技术你已经入门,后面就只需多加练习,融汇贯通,就可以写出更加复杂而强大的程序了。

《asp 无刷新技术简单实现》地址:http://www.cunguer.com/article/243.html,本文来自村姑网,您身边的IT专家 www.cunguer.com,转载请注明出处,您的支持是我们创作的源泉~!

推荐内容