利用XMLHTTP无刷新自动实时更新数据.

来源：百度文库 编辑：神马文学网 时间：2024/04/29 12:26:06
前些时间写了几篇关于XMLHTTP运用的实例.
　　(可以到http://dev.csdn.net/user/wanghr100看之前的几编关于XMLHTTP的介绍.)
　　近来看论坛上经常有人提问关于如何无刷新,自动更新数据.
　　传统上,我们浏览网页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能显示出来.
　　但是,对于一些时效性很强的网站.传统的这种做法是不能满足的.
　　我们可以让程序自动刷新.定时向服务器请求数据.5秒取一次数据,10秒取一次数据.
　　利用XMLHTTP发出请求并取得数据.传到客户端,客户端重新组织并显示数据.
　　demo.htm 前台显示.
　　
　　
　　


　　


　　
　　
　　
　　
　　
　　
num1num2

　　Server.asp 后台读取数据
　　<% @Language="JavaScript" %>
　　<%
　　function OpenDB(sdbname)
　　{
　　/*
　　*--------------- OpenDB(sdbname) -----------------
　　* OpenDB(sdbname)
　　* 功能:打开数据库sdbname,返回conn对象.
　　* 参数:sdbname,字符串,数据库名称.
　　* 实例:var conn = OpenDB("database.mdb");
　　* author:wanghr100(灰豆宝宝.net)
　　* update:2004-5-12 8:18
　　*--------------- OpenDB(sdbname) -----------------
　　*/
　　 var connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(sdbname);
　　 var conn = Server.CreateObject("ADODB.Connection");
　　 conn.Open(connstr);
　　 return conn;
　　}
　　var sResult = new Array();
　　var oConn = OpenDB("data.mdb");
　　//特殊字符：+,%,&,=,?等的传输解决办法.客户端字符是经过escape编码的
　　//所以服务器端先要经过unescape解码.
　　//Update:2004-6-1 12:22
　　var sql = "select num1,num2 from nums order by id";
　　var rs = oConn.Execute(sql);
　　while(!rs.EOF)
　　{
　　 //一条记录用"###"隔开.每列数据用"@@@"隔开. 这是以只有两个列数据的情况.
　　 sResult[sResult.length] = rs("num1").Value + "@@@" + rs("num2").Value
　　 rs.MoveNext();
　　}
　　//escape解决了XMLHTTP。中文处理的问题.
　　Response.Write(escape(sResult.join("###")));
　　%>
　　数据库data.mdb
　　表 nums
　　id,自动编号
　　num1,文本
　　num2,文本
　　测试数据
　　id num1 num2
　　1 20.70 20.810
　　2 10.5 20.5
　　3 12.3 300
　　4 132 323
　　5 563 56
　　6 20 10
利用XMLHTTP无刷新自动实时更新数据. Ajax技术(WEB无刷新提交数据) 利用顶牛数据精选个股用实时数据说话 利用Google文档实时更新Excel图表-Excel实例教程- 利用php和js来轻松实现页面数据的刷新 实时股票数据接口 公文大全（实时更新） 利用XMLHTTP实现的二级连动Select 利用XMLHTTP实现的二级连动Select xmlhttp组件获取远程文件并筛选出目标数据 自动刷新页面的实现方法总结 自动刷新页面的实现方法总结 纸黄金：国际市场有重要数据影响，利用差价无风险套利 用Google文档实时更新Excel图表 免费公文大全（实时更新） 2010全球地震记录档案(实时更新) 2010全球地震记录档案(实时更新) 2010全球地震记录档案(实时更新) 直播国美股东大会（实时更新） 工作必备：免费公文大全（实时更新 天气预报[每天自动同步更新] 全国省市县无刷新级联菜单 用正则解析图片地址,并利用XMLHTTP组件将其保存 用正则解析图片地址,并利用XMLHTTP组件将其保存