头一低，很多年都这样过去了...

欢迎来到Kittow的部落格！ - http://blog.skyhe.com

Agile Web Development (敏捷Web开发)

Want to Know Something More? Move Your Mouse Here;)

我是天空的一片云，偶尔投影在你的波心，你记得也好，最好你忘掉，你我在交汇时，互放的光亮。
——徐志摩《偶然》 More...

我的VOA听写积分

[Contact Me]
2005-1-5 [返回]
无刷新显示即时更新数据两例
因最近做网站需要用到无刷新数据，所以在网上查了一些资料，无刷新数据的实现无外乎用javascript或xmlhttp或iframe来实现。在网上找到一代码不是不能用就是效率太低，有的甚至使我的CPU达到100%，我根据网上的代码及查阅了一些资料，提供以下两例无刷新数据的例子，保证完全无错！

例一：
example1.htm
-------------------------------------
<html>
<head>
<title>无刷新</title>

<script language="JavaScript" type="text/javascript">
function GetData(url)
{
        url="example1.asp";//调用页面
        try
        {
                DataLoad.src = url;
        }
        catch(e)
        {
        return false;
        }
        {
        var timeoutid = setTimeout("GetData()",1000)
        }
}
</script>
<script id="DataLoad" language="JavaScript" type="text/javascript" 
defer></script>

<body  onLoad="javascript:GetData();">
<span id=loadcontent>数据载入中……</span>
</body>
-------------------------------------
数据调用程序：example1.asp
--------------------------------------
loadcontent.innerHTML="<%=now()%>"

例二：
example2.htm
-------------------------------------
<HTML>
<head>
<title>无刷新</title>

<script language="javascript">
function GetData()
{
url="example2.asp";//调用页面

 var http = new ActiveXObject("Microsoft.XMLHTTP");
 http.open("GET",url,false);
 http.send();
 var str = http.responseText;
 loadcontent.innerHTML=str;
 setTimeout("GetData()",1000);
}
</script>

</head>
<BODY onload="javascript:GetData();">
<span id="loadcontent">数据载入中……</span>
</BODY>
</HTML>
-------------------------
数据调用程序:example2.asp
---------------------------
<%=now%>
---------------------------

　　以上<%=now%>只是作为简单例子，可千万别误作这只是一个显示时间的程序哦，像在即时比分或者其它需要即时更新的数据中都可以用此二例，只是把<%=now%>换成其它的程序，当然你也可以用php程序或jsp程序等来实现数据的调用。
http://dev.csdn.net/article/58737.shtm
转自：天河网 | www.skyhe.com

Posted at 9:20 AM | Comments[0]

转自：天河网 | www.skyhe.com

发表评论
We Used Ajax to Post Your Comment!
本站评论系统采用Ajax技术,无刷新发送评论
您的大名 *   
电子邮件  
5+6=? *(请输入“5+6=?”的结果)
评论内容 *