使用 Laravel 和 jQuery 实现无限滚动

// in your usercontrollerpublic 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' =&gt; $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-&gt;name }}</td>    <td>{{ $user-&gt;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="%7B%7B%20asset('js/infinite-scroll.js')%20%7D%7D"></script>@endsection`