css - 在struts2中隐藏loader(spin)

Question

我的 Web 应用程序 (struts2) 查询通常很繁重，需要相当长的时间才能做出响应。

我添加了一些简单的(只是一个 html DIV 和一些 CSS)等待 Action 调用的陀螺。 a whirligig like this

旋转旋转，当达到 Action 目标时，加载新的 jsp，旋转消失。

当调用的操作是下载 excel 文件等数据的操作时，问题就出现了(我想，即使尚未尝试过，对于 pdf、文件上传等。在这种情况下，不需要加载新的 JSP ).

加载完成后，我找不到停止或隐藏旋转的方法。

当窗口开始下载文件时，我尝试使用 onblur 事件(应用于旋转 div、容器 div、整个窗口等)停止微调器。

所以，我想加载文件时系统窗口不会被浏览器视为真正的窗口，所以事件“onblur”是没有意义的!

最后，当创建 excel 文件时响应开始接收均值时，或者只是当系统加载窗口关闭(或打开)时，我如何隐藏陀螺仪？

Answer 1

将您的下载操作分为两个操作。第一个应该在成功时返回一个 javascript，第二个，步骤 2，操作应该在成功时返回流，如下所示:

step1.jsp

<script> $(document).ready(function() {
closeBoxWait(previous_boxWait);
window.location = '<s:url namespace="/" action="step2"/>';
}); </script>

struts.xml

<action name="exportExcelBill" 
    class="jj.colmenjv.dlq.actions.BillAction"
    method="exportBillToExcel">

    <interceptor-ref name="loginStack" />
    <result name="login">timeout.jsp</result>

    <result name="success">step1.jsp</result>
</action>
<action name="step2" 
    class="jj.colmenjv.dlq.actions.BillAction"
    >

    <result name="success" type="stream">
        <param name="contentDisposition">attachment;filename="${reportFile}"</param>
        <param name="contentType">application/vnd.ms-excel</param>
        <param name="inputName">inputStream</param>
        <param name="bufferSize">1024</param>
    </result>
</action>