Jquery分页，不会立即加载所有数据

Question

我正在搜索这个一个小时，但我没有得到任何完美的解决方案。我希望分页不会立即加载所有数据并仅加载当前在页面上显示的内容。我不想刷新整页从第1页到任何其他页面的分页。而且我很想使用JQuery。请给我任何好的分页链接。我没有桌子我有分页的分区

Answer 1

手动操作非常简单，不需要库。您在按钮上放置了一个事件监听器

$('#button').on('click', function(){
    changePage($(this).data('page-number');
}

var changePage = function(pageNumber)
{
    $.ajax({
        url: 'whatever.php',
        data: {
           page_number: pageNumber
        },
        success: function(r){
            var html = //build html based on ajax respone
            $('#page-wrapper').empty().append(html);
        }
    });
}

实际上，如果不存在大量页面，您应该获取所有页面的数据，并将其存储在Javascript变量中，然后在单击页码时访问这些变量。