Question

jsp 如何实现提取数据时显示“请等待”？

我在做jsp网页时，由于通过网页提取数据，会等待一段时间，在次期间页面显示“请等待”，我大致是这样做的，如下：
1)函数
<script language="javascript">
function loadingPage()
{
waitImg.style.display = "";
waitImg.style.left = (document.body.clientWidth + document.body.scrollLeft - 150) / 2;
waitImg.style.top = (document.body.clientHeight + document.body.scrollTop - 100) / 2;
}

2)在页面中加入
<div id="waitImg" style="display:none; position:Absolute; left:expression(((document.body.clientWidth + document.body.scrollLeft - 150)/2) + 'px'); top:expression(((document.body.clientHeight + document.body.scrollTop - 100) /2) + 'px');">
<img src=".\images\jxqdxt\waiting.gif"> //显示等待的图片
</div>

通过form的onSubmit执行loadingPage()函数达到显示“等待”的目的，但是有个问题就是，当数据提取完成后，“等待”的字样不会消除，有什么办法消除它呢？请高手赐教！！谢谢！！

Answer 1

1.“数据正在加载中请等待。”这样的提示一般都是遮罩层来遮盖住正在加载的页面。所以第一步需要自己写个遮罩层，在页面加载开始时把整个页面遮盖住，具体的遮罩层根据你使用的JS框架来定（网上很多）。
2.jsp提取数据一般都是异步加载，通过ajax方法来获取数据，而ajax方法都有success方法代表数据返回成功的意思，只需在success方法里加上去掉遮罩层 。即可实现 加载数据的时候显示遮罩层，数据加载完毕遮罩层消失。 纯手打，请接受。

Answer 2

js就可以实现的，代码如下，不过我这个是asp下的，你把asp部分改成jsp就可以，而且代码有点低劣
<div
id="processbar"
style="position:absolute;
display:block;
width:100%;
height:100%;
background-color:
#E8E8E8;
"
>
<div
align="center"
style="background-image:url(images/pub_17.jpg)
">
<br>
请稍后,正在加载..........
</div>
</div>
<script
language="javascript">
//setTimeout("processbar.style.display='none'",1000)
function
hide(){
processbar.style.display='none';
}
//document.onload=hide();
</script>
<%
sub
hideprocessbar()
response.write
"<script
>"
response.write
"processbar.style.display='none'"
response.write
"</script>"
end
sub
%>
接着就是提取数据过程
最后加个
<%hideprocessbar%>

Answer 3

js就可以实现的，代码如下，不过我这个是asp下的，你把asp部分改成jsp就可以，而且代码有点低劣

<div id="processbar" style="position:absolute; display:block; width:100%; height:100%; background-color: #E8E8E8; " >
<div align="center" style="background-image:url(images/pub_17.jpg) ">
<br>
请稍后,正在加载..........
</div>
</div>

<script language="javascript">
//setTimeout("processbar.style.display='none'",1000)
function hide(){
processbar.style.display='none';
}
//document.onload=hide();
</script>

<%
sub hideprocessbar()
response.write "<script >"
response.write "processbar.style.display='none'"
response.write "</script>"
end sub
%>

接着就是提取数据过程

最后加个

<%hideprocessbar%>

Answer 4

引入jQuery的JS库，或者用ExtJs，实现起来非常简单。