如何添加一个加载图像

Question

我有一个使用spring mvc的java web应用程序（我没有使用hibernate，struts）。

在我的应用程序中，当我点击一个链接时打开一个jsp页面。 jsp页面显示来自实时数据库的数据。当页面打开时，计算完成（10秒），jsp页面呈现（2秒）。

我试着添加一个包含“加载”gif图像的重定向页面，但当页面被重定向时页面被重新定向（页面在1秒后重定向）。

我希望加载图像平滑，直到加载jsp页面。关于如何实现这个的任何想法？

Answer 1

加载GIF应该是显示d在同一页上ATA。

创建一个新页面，让Gif和Report.jsp在该页面上定义。

例子：

1. 创建报告，container.jsp

2. 使其具有以下行

   <div id="loadingImg" style="display:block;height:100%"> <img src="loading.gif"> </div> <jsp:include page="report.jsp">

3. 在report.jsp，在最添加一行结束：

   <script> if (document.getElementById("loadingImg")) { // change the "display" css style to "none". }</script>

Answer 2

您尝试使用jsps的任何一种重定向逻辑都不会顺利运行。 最好的办法是使用AJAX来从你的服务器的响应和动态渲染它：

1. 用户点击重定向到report.jsp
2. 在report.jsp显示您加载图像
3. 报告。 JSP使用AJAX
4. 从服务器请求报告数据一旦数据avaialable，使其在体内隐藏加载图像