Бесконечный скролл на twig

Как сделать бесконечный скролл, чтобы получать по 5 видео из базы данных? Использую в twig вот такой код который отображает посты. .get(/количество показываемых последних постов/)

                         {% for post in post.orderBy('date').get(2) %}
                   
                                    <div class="">
                                        <img class="" src="{{ post.thumbnail() }}">
                                    </div>


                               
                                <div class="content">
                                    <div class="posts">
                                    <span class="white">
                                        {{ post.date() }}
                                        {{ post.title() }}
                                    </span>
                                        <i>
                                            <p class="post">{{ post.content()|raw }}</p>f
                                        </i>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}

попробовал подключить ajax , но я не понял как это сделать

$(document).ready(function () {

    var block = false;
    $(window).scroll(function (){
        if ($(window).height() + $(window).scrollTop() >= $(document).height() && !block) {
            block = true;
            $.ajax({
                url: "/videos",
                success:function (html) {
                    if(html != null) {
                        alert('nice');
                        obj = html;
                    }
                    block = false;
                }
            });
        }
    });
});