我正在構(gòu)建一個(gè) Web 應(yīng)用程序，其中包含一些可能需要幾秒鐘才能完成的功能，例如在單擊鏈接后導(dǎo)入 2000 多個(gè)實(shí)體。一個(gè)這樣的功能首先讓用戶選擇一個(gè) CSV 文件，將其上傳到服務(wù)器，然后逐行遍歷它以創(chuàng)建關(guān)聯(lián)的實(shí)體并將它們保存在數(shù)據(jù)庫中。以下是 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> 我希望提交此表單以觸發(fā)頁面上的某種“請稍候”覆蓋。像這樣的東西真的很好： http ://tobiasahlin.com/spinkit/我了解“等待本地主機(jī)”消息是控制器在后臺執(zhí)行其操作，這意味著此表單所在的頁面在技術(shù)上不再處于活動狀態(tài)。知道這一事實(shí)，我正在努力弄清楚如何實(shí)現(xiàn)這一點(diǎn)。我在我的應(yīng)用程序中有一個(gè)地方，我每秒執(zhí)行一個(gè) AJAX 請求以刷新表格的內(nèi)容，我覺得這是一個(gè)探索的方向，以實(shí)現(xiàn)我想要的結(jié)果，但看到一個(gè)類似的例子完成將非常有幫助。在等待底層控制器完成處理時(shí)，如何在當(dāng)前頁面上顯示請等待的旋轉(zhuǎn)圓圈？
1 回答
BIG陽
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
我解決了這樣的問題，感謝字體真棒：
<a th:href = "@{'/export/formularyAdd/' + ${facility.id}}" class="btn btn-outline-info eBtn"
title="Export Formulary Add Messages" onclick="showPleaseWait()">
在一個(gè)包含的 JS 文件中寫了這個(gè)函數(shù)：
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>
以下導(dǎo)入在我的頁面上：
<link rel="stylesheet" th:href="@{/webjars/font-awesome/4.7.0/css/font-awesome.min.css}"/>
最后是這個(gè) Maven 導(dǎo)入：
<dependency>
<groupId>org.webjars</groupId>
<artifactId>font-awesome</artifactId>
<version>4.7.0</version>
</dependency>
這讓控制器可以做它的事情并顯示進(jìn)度微調(diào)器，直到頁面被重定向。
添加回答
舉報(bào)
0/150
提交
取消