小编典典

在执行$ .ajax时显示加载图像

css

我只是想知道如何显示指示异步请求正在运行的图像。我使用以下代码执行异步请求:

$.ajax({
  url: uri,
  cache: false,
  success: function(html){
    $('.info').append(html);
  }
});

有任何想法吗?


阅读 286

收藏
2020-05-16

共1个答案

小编典典

当然,您可以在发出请求之前显示它,并在请求完成后隐藏它:

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

我通常更喜欢将其绑定到全局ajaxStart和ajaxStop事件的更通用的解决方案,这样它就可以显示在所有ajax事件中:

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