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;}

Answer 2

通过使用ajax，您可以做到

$(document).ready(function () {
    $(document).ajaxSend(function (event, request, settings) {
        $('.loading-indicator').show();
    });

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

用于显示加载程序的代码

<div class="loading-indicator">
    <img src='~/Images/loading2.gif' />
</div>

只要进行了ajax调用，加载程序就会自动执行，而当ajax调用完成时，加载程序就会隐藏

如何在等待下载时间的JavaScript中设置加载符号？

2 个答案: