如何在异步 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中文网其他相关文章！