页面等待效果如何实现

Question

小弟要做一个页面等待的效果，就是在一个页面中点击超链接或表单的提交按钮，后台查询数据库返回大量数据，然后跳转到另一个页面并显示查询的数据，这个过程中页面会等待比较长的时间（比如页面会出现一段时间的空白），如何做这样一个效果，在等待的时候页面显示提示等待的信息，在下一个页面完全加载完并显示的时候关掉提示信息？很多网站都有这种效果，怎么实现啊？（不用中间页面过度）

Answer 1

http://topic.csdn.net/u/20090531/11/eb33c4de-0684-4224-b5c9-3a7661de3eae.html  参考一下这个

Answer 2

是不是好象有个comet啥的，你查下ibm 网站的 长连接

Answer 3

就像了解个关于csdn论坛的事。借个地方测试一下。

Answer 4

这个我做过一个，你可以尝试做一个简单的进度条
用一个document.getElementById.InnerHTML等做就行，
比如：<script type="text/javascript">
function disabledBtn(){
document.getElementById("upload").disabled="true";
document.getElementById("inneralert").innerHTML="<span><font size='5'>正在上传，请稍后！</font></span><br><br><img src='../images/locbanner.gif' />";
document.main.submit();
}

</script>
<img src="../css/admin_data/excel.gif"><input type="button" name="upload" onClick="disabledBtn();" id="upload" value="上传" />
<div id="inneralert"  style="text-align:center;"> 
</div>
或者是异步提交，做一个缓存

Answer 5

能不能用document.readyState判断文档状态，来实现页面加载缓慢时的等待效果啊？能的话具体怎么做啊？

Answer 6

我一般把查询结果放到查询条件的下面，点击查询后，在下面显示一个gif动画，就像5楼那样，等servlet出理完毕把数据传到页面时，隐藏gif所在的div，显示数据即可

Answer 7

嗯，那如果是这种情况，在js中用window.open()函数打开了一个新的窗口，页面在新窗口中展示，如果后台处理慢的话，会有一个等待时间，此时浏览器中新打开的窗口中会显示一片空白，此时如何在新打开的窗口中显示提示信息呢？

Answer 8

<script type="text/javascript">
    function disabledBtn(){
        document.getElementById("upload").disabled="true";
        document.getElementById("inneralert").innerHTML="<span><font size='5'>正在上传，请稍后！</font></span><br><br><img src='../images/locbanner.gif' />";
        document.main.submit();
        }
        
    </script>
<img src="../css/admin_data/excel.gif"><input type="button" name="upload" onClick="disabledBtn();" id="upload" value="上传" />
<div id="inneralert"  style="text-align:center;">         
</div>