Как остановить / скрыть JQuery Spinner после завершения загрузки? - PullRequest
0 голосов
/ 29 июня 2019

В моей программе, когда пользователь нажимает кнопку отправки (кнопка отправки находится в файле jsp), отображается счетчик jquery.В то же время запрос отправляется сервлету Java.Сервлет обрабатывает запрос, создает файл Excel и загружает файл.

Но после завершения загрузки я хочу скрыть вращатель jquery.Как я могу это сделать?

Вот мои коды: Ниже приведен раздел моего кода JSP (html):

  <tr>
    <td>
    <br /> 
    <br /> 
    <input type="submit" value="Search" name="action" /> 
    <input type="hidden" id="download_token_value_id" />
    <input type="submit" value="Download" name="action" class="spinner" /> // When user clicks Download buttons the jquery spinner appears      
    </td>
</tr>


<center>

    <div id="fontSpinner" style="color: blue; display: none;" class="fa fa-spinner fa-pulse fa-3x fa-fw">
    </div>
</center>

Ниже приведен скрипт:

   <script>

    $('.spinner').click(function() {
        $("#fontSpinner").css("display", "block");
        }); 
</script>

Ниже приведен сервлет Java, который создает и загружает файл Excel

 response.setContentType("application/vnd.ms-excel");
response.setCharacterEncoding("UTF-8");
response.setHeader("Content-Disposition", "attachment; filename=\"" + excelFileName + "\"");
....
....
.... // code that creates a excel file
....
....

ServletOutputStream out = response.getOutputStream();
workbook.write(out);

workbook.close();               
out.flush();
out.close();

Ответы [ 2 ]

1 голос
/ 29 июня 2019

@ Saroj - при щелчке загрузки вы пишете функцию javascript и делаете вызов ajax или вызов службы http для сервлета.Как только вы получите успешный ответ (200) от сервлета, установите флажок для исчезновения счетчика.

0 голосов
/ 29 июня 2019

Вы можете вернуть код состояния 200 в заголовке ответа, и, в основном, когда фронтэн получает код 200, вы устанавливаете свойство отображения счетчиков в none. Вам также следует рассмотреть возможность установить его равным none при возникновении ошибки и выполнить надлежащую обработку ошибок.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...