在 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
  })
});