Laravel бесконечная прокрутка и получение данных из Api - PullRequest
Новая
       116

Laravel бесконечная прокрутка и получение данных из Api

0 голосов
/ 18 июня 2020

Я получаю данные из api, как это работает, но при прокрутке нижняя загрузка и стиль компонента выглядят js не загружается или не работает, я не знаю, помогите мне 

Route::get('/newsfeed', function () {
    $path = Http::get('http:/api/mobile-app/v3/newsfeeds?page[number]=' . request('page', 1));

    if (request('page') > 1) {
        return view('layout.render-component', ['feeds' => $path]);
    }

    return view('newsfeed', ['feeds' => $path]);
});

Мое мнение: 

<div class="main">
        <div class="container body">
            <div class="cont-half">
                <div style="background-color: white" class="rounded">
                    <div class="deed pt-5 pl-3">
                        <div class="today" style="margin: 2rem 0 0 0;">
                            <div class="title" style="margin-bottom: 1rem;">
                                <label id="lblGreetings" class="greeting"></label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="infinite-scroll">
                    @include('layout.component')
                </div>

            </div>
        </div>
    </div>

Javascript Часть: 

<script type="text/javascript">
        $(function() {
            var i = 2;
            $(window).scroll(function() {

                if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                    $.get('/newsfeed?page=' + i).then(function(data) {
                        $('.infinite-scroll').append(data);
                        i++;
                    });
                }
            });
        })
    </script>

И он работает, но когда следующая загрузка страницы и стиль компонента выглядят js не загружается или не работает, я не знаю, что я новый разработчик. Помогите мне, пожалуйста, мне плохо на javascript, что мне делать? мое фото результата:

ссылки: https://snipboard.io/msL12b.jpg

...