这里总共分两个文件,一个为test.asp,功能为向服务器提前当前时间,读者可自行扩展,如通过连接查询数据库等操作,另一个文件为show.html,实时从test文件读取内容并显示出来。代码如下。
show.htm
<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);
}
</SCRI PT>
<P id=TD></p>
test.asp
测试文字:
获取服务器时间,以验证无刷新读取是否成功 <%=now()%>
这里只是简单读取服务器时间,如需其他功能可自行任意扩展。
将以上两个文件放置于你的站点目录下,运行show.html就可以预览了,解决中文乱码问题,我将test.asp用记事本保存为utf-8编码。根据此原理可制作无刷新聊天室,无刷新在线客服等程序。以上代码在IIS5,IE5.5环境下测试通过。
标签:
无刷新技术
ASP无刷新技术简单实例[适合IE浏览器]
作者: 馒头 日期: 2007-02-13 12:47
show.htm
<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);
}
</SCRI PT>
<P id=TD></p>
test.asp
测试文字:
获取服务器时间,以验证无刷新读取是否成功 <%=now()%>
这里只是简单读取服务器时间,如需其他功能可自行任意扩展。
将以上两个文件放置于你的站点目录下,运行show.html就可以预览了,解决中文乱码问题,我将test.asp用记事本保存为utf-8编码。根据此原理可制作无刷新聊天室,无刷新在线客服等程序。以上代码在IIS5,IE5.5环境下测试通过。
标签:
无刷新技术
评论: 0 |
引用: 0 |
阅读: 631
订阅
上一篇
返回
下一篇