Laravel如何使ajax分页链接像非ajax一样工作

Laravel how to make ajax pagination links work like non ajax

本文关键字:ajax 一样 工作 何使 分页 链接 Laravel      更新时间:2023-09-26

如何在Laravel 5.1中使用ajax分页更新链接,例如下一页和上一页? 以及如何限制呈现的链接数量?

一些代码

{!! $items->render() !!}
$(document).ready(function () {
        $(document).on('click', '.pagination a', function (e) {
           if (page != 1) {   //Fix for page 1 because it doesn't get a link with ajax
           $('.pagination li:nth-child(2) > span').replaceWith('<a href="?page=1">1</a>');
  $('.pagination li').removeClass("active");
            $('.pagination li').removeClass("disabled");
            $('.pagination li:nth-child(' + activePage + ')').addClass('active');
            }
      loadItems(page);
            e.preventDefault();
        });
    });

 function loadItems(pageNumber) {
        $.ajax({
            type: 'GET',
            url: '?page=' + pageNumber,
            beforeSend: function (request) {
                return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-     token']").attr('content'));
            },
            success: function (item) {
    }
    )};
}

为什么不使用Laravel的分页呢?拉拉维尔分页介绍

在控制器中,您可以使用

Model::pagination(number of items to see per page);

然后在视图中使用

{{$variableName->links()}}