如何添加一個加載圖像

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，使其在體內隱藏加載圖像