將ajax異步設置為false時，無法看到頁面加載器圖像

Question

我正在ajax調用之前顯示加載圖像，並在成功到達時將其隱藏。

$('#Search').on('click', function (e) {

    $('#loaderImg').show();

    $.ajax({
        url: '',
        data: '',
        async: false,
        success: function (response) {

            ...some lines of code

            $('#loaderImg').hide();

        }  
    });
});

如果async為false，則不會顯示圖片，這可能是因為在執行javascript時未更新UI。

當異步設置為true時，在隱藏成功塊之前，圖像是可見的。

請提出一種在成功執行塊之前使圖像可見的方法，以保持async參數為false。

在Chrome中測試。

Answer 1

您是否嘗試過全局ajaxStart和ajaxStop事件：

$('#loaderImg').bind('ajaxStart', function(){
      $(this).show();
 }).bind('ajaxStop', function(){
      $(this).hide();
 });