无刷新显示即时更新数据两例
来源:互联网 发布:如何申请淘宝网账号 编辑:程序博客网 时间:2024/05/08 00:07
无刷新数据的实现无外乎用javascript或xmlhttp或iframe来实现。在网上找到一代码不是不能用就是效率太低,有的甚至使我的CPU达到100%,我根据网上的代码及查阅了一些资料,提供以下两例无刷新数据的例子,保证完全无错!
例一:
example1.htm
-------------------------------------
<html>
<head>
<title>无刷新演示——网络大本营 http://www.QQView.com</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>无刷新演示——网络大本营 http://www.QQView.com</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程序等来实现数据的调用。
我个人觉得以上二例是最简洁、值得推荐的,若你有更好的办法欢迎与我交流!
<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>无刷新演示——网络大本营 http://www.QQView.com</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程序等来实现数据的调用。
- 无刷新显示即时更新数据两例
- 无刷新显示即时更新数据两例
- 无刷新显示即时更新数据两例
- 无刷新显示即时更新数据两例
- 无刷新显示即时更新数据两例
- AJAX无刷新更新数据
- xmlhttp无刷新数据更新
- 页面无刷新更新数据
- xmlhttp定时无刷新更新数据库数据
- XMLHTTP无刷新自动实时更新数据
- XMLHTTP无刷新自动实时更新数据
- ajax 无刷新定时更新数据
- XMLHTTP无刷新自动实时更新数据
- XMLHTTP无刷新自动实时更新数据
- Ajax无刷新实现定时更新数据
- .NET 使用 Ajax 无刷新更新数据
- XMLHttpRequest 实现无刷新更新页面数据
- Devexpress aspxgridview oncustomcallback 无刷新更新数据
- 在ajax中让客户端弹出警告窗口的代码
- C#实践—简单的继承类设计
- ActionScript 3.0 Cookbook勘误
- 软缘何讨好英特尔?答案在Google和Web 2.0崛起
- 肯定有你没看过的
- 无刷新显示即时更新数据两例
- 老生常谈:也来讨论一下SQL分页的问题
- Ajax无刷新实现图片切换特效(AjaxPro)
- 中国IT工作者35岁后的发展出路调查报告
- 七年合同价值近七亿美元—惠普与联合利华再续IT外包协议
- 用SQL实现记录上下移动的思路
- 趋势科技发布《2007年病毒威胁报告暨2008年预测》
- 实战 Lucene
- 梦里发发牢骚!