如何在非同步 AJAX 請求期間顯示載入指示器？

在非同步請求期間顯示載入指示器

為了指示非同步請求的進度，可以顯示載入影像。在執行請求時，影像將保持可見並在完成後消失。

使用請求前和請求後隱藏/顯示方法

簡單的方法是手動控制影像的可見性：

$('#loading-image').show();

$.ajax({
  url: uri,
  cache: false,
  success: function(html){
    $('.info').append(html);
  },
  complete: function(){
    $('#loading-image').hide();
  }
});

使用全域Ajax事件

或者，您可以使用全域Ajax事件來處理影像的可見性：

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

此方法可確保所有非同步請求統一顯示載入影像。

以上是如何在非同步 AJAX 請求期間顯示載入指示器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！