JavaScript AJAX : Stop endless scroll when request returns empty

Question

我正在研究无尽的滚动。每次页面到达底部时，都会对新数据集进行 ajax 调用。但是，如果没有更多数据并且数据请求返回 null 或空响应，如何停止对新数据的 ajax 调用？

var page = 1;
    var endOfDb  = false;
    var fetchUrl = "{{ path('gallery_gallery_fetch') }}";

    $(document).ready(function () {
        fetchGallery();

        $(window).scroll(function () {
            if (endOfDb ==false) {
                if ($(window).scrollTop() + $("#footer").height() + $(window).height() >= $(document).height()) {
                    fetchGallery();
                }
            }
        });
    });

    function fetchGallery() {
        endOfDb  = true;
        $.get(fetchUrl, {'page': page}).success(function (response) {
            if (response != "" || !isEmpty(response)) {
                endOfDb  = false;
            }
            $("#gallery_prints").append("<li>" + response + "</li>");
            page++;
        });
    }

Answer 1

$(document).ready(function(){
var stop = 0;  
$(window).scroll(function () {
   if(stop != 0)
    {
     console.log(stop); // call your functions here
    }
   });
})

替换您在 window.scroll 之前执行的条件检查，并将其移动到您的 window.scroll 中。您的函数现在将根据 stop 的值工作。