您当前所在位置:    首页 > 代码集锦
返回
无刷新显示即时更新数据两例
时间:2020-1-23    来自:臻心网络科技

因最近做网站需要用到无刷新数据,所以在网上查了一些资料,无刷新数据的实现无外乎用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()%>"

{nextpage}
例二: 
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程序等来实现数据的调用。 
  我个人觉得以上二例是最简洁、值得推荐的,若你有更好的办法欢迎与我交流!


 
关注微信公众号
 

在线咨询

一键通话

联系我们