javascript - 如何在javascript中设置下载文件等待时的加载符号？

Question

我有两个 jsp 页面:One.jsp 和 Second.jsp

当我给出下载操作时，它直接指向jsp页面并且没有事件。在等待下载的时候，我想设置一个图像。我是通过ID这样做的，但是下载完成后，加载图像并没有消失。下载完成后如何隐藏它？

这是我的代码:

document.getElementById("loading").style.visibility = "visible";

document.first.action="Second.jsp";
document.first.submit();

Answer 1

在您的页面上使用ajax请求。

显示加载程序的代码

<div class="loading-indicator">
    <img src='~/Images/loading2.gif' />
</div>
 $(document).ajaxSend(function (event, request, settings) {
        $('.loading-indicator').show();
    });

    $(document).ajaxComplete(function (event, request, settings) {
        $('.loading-indicator').hide();
    });

调用另一个jsp页面的代码

function ClickMe_Click(){
$.ajax({
    type: "post",
    url: "dimensionList.jsp",
    data: {"dimensionName":"Slappy"},
    success: function(msg) {
        alert(msg.data);
    },
    error:function (xhr, ajaxOptions, thrownError){
        alert(xhr.status);
        alert(thrownError);
    }  
});
return false;}