Javascript 在post with ajax不工作时显示加载图像

下面是一个包含GIF动画的div：

<div id="busy">
    <br />
    Loading... Please Wait...
    <br />
    <img src="Resources/Scripts/loader.gif" alt="" />
</div>

正如您所看到的，我在该目标div上使用了show和hide。但它根本不起作用，我不知道问题出在哪里？

您需要设置方法以显示加载进度并在完成隐藏时显示它。只有在这种情况下，才能保证在成功/失败时隐藏动画

 function Handler(datas, ele) {
        $.ajax({
            url: "FileUploadHandler.ashx",
            type: "POST",
            data: datas,
            contentType: false,
            processData: false,
            beforeSend  : function() {
                  $("#busy").show();
            },
            success: function () {
               ele.width = 100;

            },
            complete: function() {
                $("#busy").hide();
            }

        });
    }

函数showHide（）{
if（$（'#busy'）.css（“显示”）=“无”）{
$（“#忙”）.show（）；
}否则{
$（“#忙”）.hide（）；
}
}

具体出了什么问题？没有任何东西会显示和隐藏！！！嗯，你加载jQuery库了吗？是否调用

处理程序（）

函数？您的浏览器控制台中是否存在JavaScript错误？是的，我已将脚本引用添加到jQuery库。我调用了Handler（），它工作正常。唯一的问题是显示和隐藏Div不起作用。是否可以创建问题的演示？“是的。我什么也没写：（我将show函数放在一个try-catch块中，看看会发生什么。如果我在show函数之前更改了try块中的标签文本，它将起作用，而唯一不起作用的是show函数。试试这段代码。这可能是一个jQuery问题，BeforeSend根本不需要。只需在调用ajax方法之前显示div就可以了.

 function Handler(datas, ele) {
        $.ajax({
            url: "FileUploadHandler.ashx",
            type: "POST",
            data: datas,
            contentType: false,
            processData: false,
            beforeSend  : function() {
                  $("#busy").show();
            },
            success: function () {
               ele.width = 100;

            },
            complete: function() {
                $("#busy").hide();
            }

        });
    }