在 ajax 成功回调上停止 ajax 加载程序

Question

我正在使用 ajax loadmore 分页，它在本地主机上运行良好，但我认为我的方法不适用于实时主机。 这就是我正在做的事情：

     $(".button").click(function(){
       setTimout(function(){
         $('#loader').show();
         $.ajax({
           //ajax stuffs
           success:function(data){      
             $("loadmore").append(data).
           }
         });
       } ,2000);
     });

从技术上对我来说，这只需 2 秒即可完成 setTimeout function 中的操作，这不适合实时服务器上的用户体验，因为 ajax 将在 2 秒后调用。

我想要的是：

让 ajax 在加载程序图标加载时进行调用。 一旦调用成功，加载器图标应该停止并加载更多数据。

像这样的东西：

$(".button").click(function(){
   $("#loader").show()
   $.ajax({
     //ajax stuffs
     success:function(data){      
     }
   });
   if(success is finished){
     $("#loader").hide()
     $("#loadmore").append(data)
   }
 });

请问我怎样才能做到这一点，谢谢

Answer 1

这对你有用吗？

$(".button").click(function(){
  $("#loader").show()
  $.ajax({
    //ajax stuffs
    success:function(data){      
    }
  })
  .done(function (data) {
    $("#loader").hide();
    $("#loadmore").append(data);
  }).fail(function (jqXHR, textStatus) {
      // do something
  })
});