如何在下载完成后停止/隐藏jquery微调器？

Question

在我的程序中，当用户单击submit按钮( submit按钮在jsp文件中)时，jquery微调器就会出现。同时，请求被发送到java servlet。servlet处理请求，创建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>

下面是创建和下载excel文件的Java servlet

 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();

Answer 1

@Saroj-在单击下载时，您可以编写一个javascript函数，并对servlet进行ajax调用或http服务调用。一旦您从servlet获得成功响应(200)，将标志放到消失微调器。

Answer 2

您可以在响应的报头中返回一个状态代码200，基本上，当fronted收到200代码时，您可以将微调器的显示属性设置为none。您还应该考虑在发生错误时将其设置为none，并进行适当的错误处理。