Jquery分页，不会一次加载所有数据

Jquery pagination which dont load all data at once

本文关键字：一次 加载 数据 分页 Jquery      更新时间：2023-09-26

我搜索了一个小时，但我没有得到任何完美的解决方案。我想分页，不加载所有的数据一次，只加载什么是目前显示在页面上。我不想刷新整个页面，而从第一页到分页的任何其他页面。我更喜欢使用JQuery。只要给我一个好的分页链接。我没有表格，我有分组用于分页

手工完成非常简单，不需要库。您将在按钮

上放置一个事件侦听器
$('#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变量中，然后在点击页码时访问这些变量

相关文章：