在laravel中分页而不刷新页面

以下是laravel页面上分页的代码， 我希望分页不会刷新整个页面

@if(!empty($schoolCourses))
        <div class="card-footer clearfix">
            <div class="row">
                <div class="col-sm-12 col-md-5">
                    <div class="dataTables_info" role="status" aria-live="polite">
                        Showing {{ $schoolCourses->firstItem() }} to {{ $schoolCourses->lastItem() }}
                        of {{ $schoolCourses->total() }}
                        entries
                    </div>
                </div>
                <div class="col-sm-12 col-md-7">
                    <div class="dataTables_paginate paging_simple_numbers pagination_a">
                        {{ $schoolCourses->links() }}
                    </div>
                </div>
            </div>
        </div>
    @endif

@if（！empty（$school courses））
显示{{$schoolCourses->firstItem（）}}到{{$schoolCourses->lastItem（）}}
{{$schoolCourses->total（）}
条目
{{$schoolCourses->links（）}
@恩迪夫

我已经输入了以下脚本，但它不起作用：

<script>
$(document).ready(function() {

    $(document).on('click', '.pagination_a', function(event) {
        event.preventDefault();
        var page = $(this).attr('href').split('page=')[1];
        fetch_data(page);
    });

    function fetch_data(page) {
        $.ajax({
            // url: "//pagination?page=" + page,
            url: l.origin + l.pathname + "?page=" + page,
            console.log("url -->",url);
            success: function(schoolCourses) {
                $('#example').html(schoolCourses);
            }
        });
    }

});
}
</script>

$（文档）.ready（函数（）{
$（文档）.on（'click'，'s.pagination_a'，函数（事件）{
event.preventDefault（）；
var page=$（this.attr（'href'）.split（'page='）[1]；
获取数据（第页）；
});
函数获取_数据（第页）{
$.ajax({
//url://分页？page=“+page，
url:l.origin+l.pathname+“？page=“+page，
log（“url-->”，url）；
成功：功能（学校课程）{
$（'#示例'）.html（学校课程）；
}
});
}
});
}

如果我在这个脚本中犯了任何错误，请纠正我。

---

谢谢

如果您仍然对代码感到困惑，那么请参阅以下文档，它将对您有所帮助

---

到目前为止，您尝试了什么，页面刷新没有发生？堆栈溢出不是代码编写服务。你应该自己努力。当你陷入困境时，我们会在这里提供帮助。@Dan我已经提到我尝试过的内容，请再次参考。var page=。。。；控制台日志（第页）@iAmGroot控制台中不显示任何内容。我认为它不会在脚本中运行。当您从page变量中获取任何值时，fetch_data（）就会工作。。找出你的代码有什么问题。从consle.log（“…分页”a）开始；好的，请把我的问题投上一票。非常感谢。

$(document).ready(function()
    {
        $(document).on('click', '.pagination_a a',function(event)
        {
            event.preventDefault();
  
            $('li').removeClass('active');
            $(this).parent('li').addClass('active');
  
            var myurl = $(this).attr('href');
            var page=$(this).attr('href').split('page=')[1];
  
            getData(page);
        });
  
    });
  
    function getData(page){
        $.ajax(
        {
            url: 'your url',
            type: "get",
            datatype: "html"
        }).done(function(data){
            $(".card-footer").empty().html(data);
            location.hash = page;
        }).fail(function(jqXHR, ajaxOptions, thrownError){
              alert('No response from server');
        });
    }