无刷新显示即时更新数据两例
因最近做网站需要用到无刷新数据,所以在网上查了一些资料,无刷新数据的实现无外乎用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> 本文出自 51CTO.COM技术博客<BODY onload="javascript:GetData();"> <span id="loadcontent">数据载入中……</span> </BODY> </HTML> ------------------------- 数据调用程序:example2.asp --------------------------- <%=now%> --------------------------- 以上<%=now%>只是作为简单例子,可千万别误作这只是一个显示时间的程序哦 ,像在即时比分或者其它需要即时更新的数据中都可以用此二例,只是把<%=now%>换成其它的程序,当然你也可以用php程序或jsp程序等来实现数据的调用。我个人觉得以上二例是最简洁、值得推荐的,若你有更好的办法欢迎与我交流! |


,像在即时比分或者其它需要即时更新的数据中都可以用此二例,只是把<%=now%>换成其它的程序,当然你也可以用php程序或jsp程序等来实现数据的调用。
lypdl
博客统计信息
热门文章
最新评论
友情链接