پیاده سازی بی نهایت اسکرول با لاراول و جی کوئری

// In your UserController
public function index(Request $request)
{
    $users = User::paginate(10); // Paginate the results, 10 per page

    if ($request->ajax()) {
        return view('users.partials.users_list', compact('users'))->render();
    }

    return view('users.index', compact('users'));
}

@extends('layouts.app')

@section('content')
div id="user-list">
    @include('users.partials.users_list', ['users' => $users])
div>
div id="loading" style="text-align:center; display:none;">
    p>Loading more users...p>
div>
@endsection

@foreach($users as $user)
tr>
    td>{{ $user->name }}td>
    td>{{ $user->email }}td>
tr>
@endforeach

$(document).ready(function() {
    let page = 1;

    $(window).scroll(function() {
        if ($(window).scrollTop() + $(window).height() >= $(document).height() - 100) {
            page++;
            loadMoreData(page);
        }
    });

    function loadMoreData(page) {
        $.ajax({
            url: '?page=' + page,
            method: 'GET',
            beforeSend: function() {
                $('#loading').show();
            },
            success: function(data) {
                if (data.trim() === "") {
                    return;
                }
                $('#loading').hide();
                $('#user-list').append(data);
            },
            error: function(xhr) {
                console.log(xhr.responseText);
            }
        });
    }
});

@section('scripts')
script src="{{ asset('js/infinite-scroll.js') }}">script>
@endsection`