【问题标题】:Laravel how to make ajax pagination links work like non ajaxLaravel 如何使 ajax 分页链接像非 ajax 一样工作
【发布时间】:2016-11-17 16:44:57
【问题描述】:

如何在 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) {
    }
    )};
}

【问题讨论】:

    标签: javascript ajax laravel pagination


    【解决方案1】:

    为什么不使用 laravel 的分页? Laravel Pagination Intro

    在你的控制器中你可以使用

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

    然后在视图中使用

    {{$variableName->links()}}
    

    【讨论】:

    • 我使用 render() 但我希望链接异步更新并能够限制正在呈现的链接数量。
    猜你喜欢
    • 1970-01-01
    • 2020-10-12
    • 1970-01-01
    • 2014-01-25
    • 1970-01-01
    • 2016-10-07
    • 2013-09-06
    • 2017-11-21
    • 2014-09-12
    相关资源
    最近更新 更多