如何在 jQuery AJAX 请求期间显示加载指示器？

在 $.ajax 请求期间显示加载指示

问题：

如何在异步时显示视觉指示器HTTP 请求正在使用$.ajax?

答案：

要指示正在处理异步请求，您可以使用加载图像。这里有两种方法：

方法一：内联显示控件

在请求之前显示加载图像，并在请求完成后隐藏它：

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

方法 2：全局事件绑定

将加载图像显示绑定到全局ajaxStart和ajaxStop事件。此方法将为所有 ajax 请求切换图像：

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

以上是如何在 jQuery AJAX 请求期间显示加载指示器？的详细内容。更多信息请关注PHP中文网其他相关文章！