您要打印的文件是:无刷新显示即时更新数据两例

无刷新显示即时更新数据两例

作者:arcow    转贴自:CSDN    点击数:10971


 

  因最近做网站需要用到无刷新数据,所以在网上查了一些资料,无刷新数据的实现无外乎用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程序等来实现数据的调用。
  我个人觉得以上二例是最简洁、值得推荐的,若你有更好的办法欢迎与我交流!