在ajax调用中加载gif无法正常工作，在谷歌加载时会出现挂起问题Chrome

-1

加载操作不应该正常工作&加载页面时，由于加载操作，页面会被挂起几秒钟。在ajax调用中加载gif无法正常工作，在谷歌加载时会出现挂起问题Chrome

代码如下..

     $("#loadingIcon").show(); 
         $.ajax({ 

           type: "GET", 
           url: "displayCartItems.action", 
           data: param, 
           success: function(result){ 

            $('#cartPage').html(result) ; 

           $("#loadingIcon").hide(); 
            getCartItemPriceDetail(); 
            loadCart = false; 

           }, 

          });

$（ “＃loadingIcon”）。节目（）是由GIF图片，但它挂在网页加载时

请找图像和请为此提供解决方案 enter image description here

来源

2014-10-22 Abhi Urs

你在说什么男人？哪一页？你的代码在哪里？你有没有收到任何错误信息？ – vaso123 2014-10-22 10:44:51

没有收到任何错误信息。在阿贾克斯呼吁我在网页上显示GIF图像，但它挂在页面..可以请告诉我这个解决方案。我没有得到任何脚本问题 – 2014-10-22 10:57:40

尝试在ajax beforeSend中显示图像。还检查ajax success函数是否正在运行或error函数。

$.ajax({ 
    type: "GET", 
    url: "displayCartItems.action", 
    data: param, 

    beforeSend: function() { 
     $("#loadingIcon").show(); 
    }, 
    success: function(result) { 
     $('#cartPage').html(result); 
     $("#loadingIcon").hide(); 
     getCartItemPriceDetail(); 
     loadCart = false; 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
     console.log(textStatus); 
    } 
});

来源

2014-10-22 11:01:21 vaso123

谢谢你lolka_bolka。但我上面写的代码是在本地服务器上工作，但是当我部署到主服务器时，它会挂起， – 2014-10-22 11:10:50

什么'console.log（）'告诉你？我认为你的'displayCartItems.action'会有一些东西。权限或未找到等... – vaso123 2014-10-22 11:14:36

在'success'函数中插入'console.log（'success'）;'，请通知我，控制台说什么。 – vaso123 2014-10-22 11:15:58

从我理解的是，当ajax调用正在进行时，您想要显示动画gif，并在完成时停止/隐藏图像。我喜欢做这样：

//Assuming loading gif is hidden 

     $(function() { 

      $(document).ajaxStart(function() { 
       $("#loadingIcon").show(); 
      }).ajaxStop(function() { 
       $("#loadingIcon").hide(); 
      }); 

     });

关于你页面挂起的问题，我怀疑，这样的成功并没有发生AJAX是返回一个错误。这将导致图像保持不变（挂起问题）。为了找到这个，你可以检查铬检查元素，并检查网络，并验证你得到的回应。

来源

2014-10-22 11:02:52 KrishnaDhungana

在ajax调用中加载gif无法正常工作，在谷歌加载时会出现挂起问题Chrome

回答

相关问题