在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

回答

相關問題