加载具有大量ajax响应的图像

Question

我添加了以下代码，以便在ajax请求期间显示和隐藏在我的网页中加载图片。

 $(document).ajaxStart(function(){
    $("#please_wait").css("display","block");
 });

$(document).ajaxComplete(function(){
     $("#please_wait").css("display","none");
});

此处，$("#please_wait")是包含加载图片的div。

我的问题是

我的一些ajax请求返回超过15 MB的数据。但是加载的图像并没有显示收到的完整数据。它在开始接收数据时被删除。

为什么？

如何解决错误？

Answer 1

而不是将display:none放在ajaxComplete中您可以尝试以下方式：

在ajax成功通话条件的第一行写$("#please_wait").css("display","none");。

$(document).ajaxStart(function(){
    $("#please_wait").css("display","block");
});

if (xmlhttp.readyState==4 && xmlhttp.status==200) {        
    $("#please_wait").css("display","none");        
}