загрузить больше данных на прокрутке Laravel Ajax

Question

Я следую коду на YouTube, все работает, но когда я постоянно прокручиваю мышь, последняя страница загружает дубликат много раз, кто-то может помочь мне исправить эту ошибку, я исправлю ее!

 <div class="product endless-pagination" data-next-page="{{$product->nextPageUrl()}}" data-last-page="{{$product->lastPage()}}">
                @include('user.blocks.d_test')
            </div>

<script type="text/javascript">

    $(document).ready(function () {

        $(window).scroll(fetchPost);

        function fetchPost() {

            var page = $('.endless-pagination').data('next-page');
            //var lastpage=$('.endless-pagination').data('last-page');
            if (page !== null && page.length > 0) {

                $('.loading').show();

                if ($(window).height()+ $(window).scrollTop()+100 >= $(document).height()) {

                    clearTimeout($.data(this, "scrollCheck"));

                        $.data(this, "scrollCheck", setTimeout(function () {

                            $.get(page, function (data) {
                                $('.endless-pagination').data('next-page', data.next_page);
                                $('.loading').hide();
                                $('.product').append(data.product);
                            })

                        }, 350))

                }

            }

        }
    })
</script>

Answer 1

Вы должны попробовать этот урок. это работает для меня, и вам не придется заново изобретать колесо: https://laraget.com/blog/implementing-infinite-scroll-pagination-using-laravel-and-jscroll