实现无刷新的进度条功能（采用xmlhttp技术）
2008-02-23 09:44:38来源：互联网 阅读 ()
我这里采用xml技术来实现进度条的功能，我这里假设加上有几个运行量非常大的存储过程，执行每一个所需要消耗的时间都很久，这里在页面上显示进度条功能，每执行完一个存储过程，进度条就向前前进一步，这样子用户采用感觉到系统还在运行中。
实现进度条的方法有好几种，可以采用多线程的方式，也可以采用iframe的方式。这两种方式都有缺陷，采用多线程的方式有很多弊端，比如耗资源，会产生明显的刷新效果。而iframe不会产生刷新效果，但是每次刷新都会发出一个刷新声，如果进度条频繁刷新的话，刷新声会让人感觉很烦。而我现在采用的是xmlhttp技术，即不页面刷新，有没有刷新声。
这里的基本原来是从xml文件中读取数据，然后根据这些数据显示进度条。这里的xml文件是从jsp页面中通过处理后显示出来的（其实用servlet可以可以的），我这里很简单，就是没完成一个存储过程，返回的xml内容就变一个，而显示进度条就根据这里的变化显示出来。
<%@ page contentType="text/html; charset=GBK" %>
<%@ page import="java.util.*" %>
<html>
<head>
<script language="javascript" type="text/javascript">
function refresh(){
var oXMLDoc = new ActiveXObject('MSXML');//创建'MSXML'对象
sURL = "testwindow.jsp";//获取登陆状态数据的地址
oXMLDoc.url = sURL;//load数据
var oRoot=oXMLDoc.root;//获取返回xml数据的根节点
if(oRoot.children != null){
//根据返回的数据在客户端显示
var middleneedrefresh = oRoot.children.item(0).text;//获得最新值，对应<msg/>
var outputString = "";
for(var i=0; i < middleneedrefresh*10;i )
{
outputString ="<td bgcolor= '#008000'> </td>";
}
outputString = "<table>" outputString "</table>"
jindu.innerHTML = outputString;
}
}
function dorefresh(){
var timeoutid = setInterval("refresh()",2000);//每2秒刷新一次
}
</script>
</head>
<body onLoad="dorefresh();"> <!-- end body tag -->
<div ID="jindu" >
</div>
</body>
</html>
testwindow.jsp
<%@ page import="java.util.*" %>
<%
boolean hasNewMessage = false;//是否有新消息
boolean hasNewMarqueeMessage = false;//是否有新的轮显消息
String proCount = (String)session.getAttribute("proCount");
System.out.println("aaA:");
System.out.println("proCount:" proCount);
if(proCount == null)
{
//这里执行第一个存储过程
proCount = "1";
session.setAttribute("proCount","1");
}
else if("1".equals(proCount.trim()))
{
//这里执行第二个存储过程
proCount = "2";
session.setAttribute("proCount","2");
}
else
{
//这里执行第三个存储过程
proCount = "3";
session.setAttribute("proCount",null);
}
//嵌入jsp/asp代码
%>
<?xml version="1.0" encoding="gb2312" ?>
<msglistener>
<msg><%=proCount%></msg>
<marqueemsg><%=hasNewMarqueeMessage%></marqueemsg>
</msglistener>
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
