java使用ajax实现进度条

《java使用ajax实现进度条》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、在最近的一个项目中，有一个上传功能：上传一个cvs文件，然后解析此文件并写入数据库由于经常需要传很大的文件，客户完成此功能往往需要40分钟，在这个过程中，页面也没有任何提示，用户体验非常不好？为何不用ajax作一个进度条呢？分两步完成此需求：一：写一个简单的ajax，实现最简单的进度条功能。二：把此进度条改造为项目可用的进度条。一：最简单的进度条1。客户端每2秒发送一个createXMLHttpRequest请求给服务端.并得到服务端返回的进度数据.根据服务端返回的数据,用Javascript更新一个table的width,这样就模拟了一个进度条.progressBar.html.

2、内容如下：varxmlHttp;varkey;functioncreateXMLHttpRequest(){if(window.ActiveXObject){xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}elseif(window.XMLHttpRequest){xmlHttp=n

3、ewXMLHttpRequest();}}functiongo(){createXMLHttpRequest();clearBar();varurl="ProgressBarServlet?task=create";varbutton=document.getElementById("go");button.disabled=true;xmlHttp.open("GET",url,true);xmlHttp.onreadystatechange=goCallback;xmlHttp.send(null);}functiongoCallback(){if(xmlHttp.readyS

4、tate==4){if(xmlHttp.status==200){setTimeout("pollServer()",2000);}}}functionpollServer(){createXMLHttpRequest();varurl="ProgressBarServlet?task=poll&key="+key;xmlHttp.open("GET",url,true);xmlHttp.onreadystatechange=pollCallback;xmlHttp.send(null);}functionpollCallback(){if(xmlHttp.readyState==

5、4){if(xmlHttp.status==200){varpercent_complete=xmlHttp.responseXML.getElementsByTagName("percent")[0].firstChild.data;varprogress=document.getElementById("progress");varprogressPersent=document.getElementById("progressPersent");progress.width=percent_complete+"%";progressPersent.innerHTML=perc

6、ent_complete+"%";if(percent_complete<100){setTimeout("pollServer()",2000);}else{document.getElementById("complete").innerHTML="Complete!";//document.getElementById("go").disabled=false;}}}}functionclearBar(){varprogress_bar=document.getElementById("progressBar");varprogressPersent=document.get

7、ElementById("progressPersent");varcomplete=document.getElementById("complete");progress_bar.style.visibility="visible"progressPersent.innerHTML=" ";complete.innerHTML="Begintouploadthisfile...";}