laravel中的分页没有刷新页面答案

【问题标题】：Pagination in laravel without refresh pagelaravel中的分页没有刷新页面
【发布时间】：2021-01-01 20:48:34
【问题描述】：

下面是 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

我已经把下面的脚本，但它不工作：

<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>

如果我在这个脚本中有任何错误，请纠正我。谢谢！！！

【问题讨论】：

到目前为止，您尝试了哪些操作以使页面刷新没有发生？ Stack Overflow 不是代码编写服务。希望你自己努力。当您遇到困难时，我们随时为您提供帮助。
@Dan 我已经提到了我尝试过的内容，请再次参考。
var page = ...; console.log(page);
@iAmGroot 控制台中不显示任何内容。我认为它不会出现在脚本中。
当您从页面变量中获取任何值时，您的 fetch_data() 工作.. 找出您的代码有什么问题。从 consle.log('..pagination_a); 开始

标签： laravel pagination

【解决方案1】：

如果您仍然对您的代码感到困惑，那么我参考一下，阅读以下文档，它将对您有所帮助。

https://www.itsolutionstuff.com/post/laravel-57-ajax-pagination-exampleexample.html

$(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');
        });
    }

【讨论】：

好的，请支持我的问题。谢谢！