我正在構建一個 Web 應用程序，其中包含一些可能需要幾秒鐘才能完成的功能，例如在單擊鏈接后導入 2000 多個實體。一個這樣的功能首先讓用戶選擇一個 CSV 文件，將其上傳到服務器，然后逐行遍歷它以創建關聯的實體并將它們保存在數據庫中。以下是 JSP 頁面外觀的示例：JSP<form method="POST" enctype="multipart/form-data" action="<c:url value="/import/importFormulary" /> " class="form-style-7"> <ul> <li> <label> File : </label> <input type="file" name="file" accept=".csv"/> </li> </ul> <input type="submit" value="Upload and Import" /> <input type="reset" value="Reset" /> </form> 我希望提交此表單以觸發頁面上的某種“請稍候”覆蓋。像這樣的東西真的很好： http ://tobiasahlin.com/spinkit/我了解“等待本地主機”消息是控制器在后臺執行其操作，這意味著此表單所在的頁面在技術上不再處于活動狀態。知道這一事實，我正在努力弄清楚如何實現這一點。我在我的應用程序中有一個地方，我每秒執行一個 AJAX 請求以刷新表格的內容，我覺得這是一個探索的方向，以實現我想要的結果，但看到一個類似的例子完成將非常有幫助。在等待底層控制器完成處理時，如何在當前頁面上顯示請等待的旋轉圓圈？
1 回答
BIG陽
TA貢獻1859條經驗 獲得超6個贊
我解決了這樣的問題，感謝字體真棒：
<a th:href = "@{'/export/formularyAdd/' + ${facility.id}}" class="btn btn-outline-info eBtn"
title="Export Formulary Add Messages" onclick="showPleaseWait()">
在一個包含的 JS 文件中寫了這個函數：
function showPleaseWait()
{
$('.modal').modal('show');
}
<div class="modal fade bd-example-modal-lg" data-backdrop="static" data-keyboard="false" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content" style="width: 200px;">
<span class="fa fa-spinner fa-spin fa-5x fa-fw" style="width: 200px;"></span>
<p class="please-wait-message">Please wait</p>
</div>
</div>
</div>
以下導入在我的頁面上：
<link rel="stylesheet" th:href="@{/webjars/font-awesome/4.7.0/css/font-awesome.min.css}"/>
最后是這個 Maven 導入：
<dependency>
<groupId>org.webjars</groupId>
<artifactId>font-awesome</artifactId>
<version>4.7.0</version>
</dependency>
這讓控制器可以做它的事情并顯示進度微調器，直到頁面被重定向。
添加回答
舉報
0/150
提交
取消