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

来源:互联网 发布:淘宝内衣批发 编辑:程序博客网 时间:2024/05/19 22:27

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

原创粉丝点击