加載GIF jquery $ .Post（函數）

Question

我想知道是否有一種快速簡便的方法來加載gif int一個jQuery $ .Post函數？ 我想我很可能必須以某種方式將它放入函數的主體中。我想用一種朦朧的方式將頁面覆蓋在一種朦朧的狀態下，或者是橫向的理髮店酒吧。我已經在我的mvc圖像文件夾中的圖像，只需要找出我的選項來實現它。

感謝

Answer 1

我assmume有發生開始AJAX後關閉的事件？在這種情況下，您需要在調用ajax之前顯示加載圖像。然後當通話返回時，您需要隱藏加載圖像。

例如：

$("#button").click(function() { 
    // show loading image 
    $("#loadingImage").show(); 

    $.ajax({ 
     type: 'POST', 
     url: url, 
     data: data, 
     success: function(data) { 
      // Your logic here... 

      // hide loading image 
      $("#loadingImage").hide(); 
     } 
    }); 
}); 

HTML

<input type="button" id="button" value="Load data" /> 
<img src="loading.gif" id="loadingImage" style="display: none;" />