鍍金池/ 問答/PHP  網絡安全  HTML/ lazyload jquery ｜只要 scroll 到最下面，會不斷跟後端請

lazyload jquery ｜只要 scroll 到最下面，會不斷跟後端請求，但明明已經沒有數據？

$(window).scroll(function(){
  var WindowHeight = $(window).height();

  if($(window).scrollTop() >= $(document).height() - WindowHeight){

    $('#loader').html('<img src="../images/loading_v2.svg">');

    var LastDiv = $(".data-display:last");
    var LastId  = $(".data-display:last").attr("id");
    var ValueToPass = "lastid="+LastId;

    $.ajax({
      type: "POST",
      url:"/module/user/order/lazyload.app",
      data: ValueToPass,
      cache: false,
      success: function(data){
        if(data != ''){
          LastDiv.after(data);
        }else{
          $('#loader').html('沒有更多。');
        }
      }
    });
  }
  return false;
});

好怪的現象，不知道哪裡寫錯了
只要 scroll 到最下面，會不斷跟後端請求，但明明已經沒有數據，必須要稍微往上 scroll 一點，才會出現 沒有更多。
不然他就會一直出現 「<img src="../images/loading_v2.svg">」 loading 圖，然後消失，然後又出現 loading 圖，又消失，不斷重複

回答
編輯回答
祈歡

...可能是滾動的太猛，scroll觸發(fā)多次，造成多次請求。設置個標志位試試，每次請求前檢查標志位，判斷是否正在請求，scroll加throttle函數。

2017年5月6日 09:55
編輯回答
近義詞

這段代碼本身并沒有判斷沒有數據的時候不再觸發(fā)加載., 像樓上說的可以加個標志判斷.
比如在scroll最頂部加上:

if($('#loader').hasClass('nomore')) {
    return false;
}

在請求無數據時:

$('#loader').addClass('nomore').html('沒有更多。');

本身還需要加另一個標志，是否在加載中.

2018年4月1日 10:09