无刷新显示即时更新数据两例_不刷新网页更新数据-CSDN博客

本文提供了两种使用JavaScript实现网页无刷新显示即时更新数据的方法。例一通过iframe加载数据，例二利用XMLHttpRequest获取数据并更新DOM。这两种方法均可实现高效且稳定的实时数据更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

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%>
---------------------------