如何在不重新加载页面的情况下对数据进行分页？答案

【问题标题】：how to paginate data without reloading page?如何在不重新加载页面的情况下对数据进行分页？
【发布时间】：2018-05-23 12:45:54
【问题描述】：

我从链接中学会了分页 How to set condition in following code for marking current page in pagination?

使用代码

<?php
    $id=3;  //  test value
    $page=20;   //  test value

    $li=array();    //  temporary array for convenience
    $template='<li%s><a href="?id=%s">%s</a></li>';
    if($id>1) $li[]=sprintf($template,'',$id-1,'Previous');
    for($i=1;$i<=$page;$i++) {
        if($i==$id) $li[]=sprintf($template,' class="active"',$i,$i);   //  Current
        else $li[]=sprintf($template,'',$i,$i);
    }
    if($id<$page) $li[]=sprintf($template,'',$id+1,'Next');
    $li=implode('',$li); // convert to string for printing
?>
<ul class="pagination">
<?php print $li; ?>
</ul>

但重新加载数据后显示数据？有没有办法让它在不重新加载页面的情况下显示？我是分页新手 - 请帮助。

【问题讨论】：

您需要为此使用 Ajax。单击“下一个”或“上一个”时，使用 ajax 进行调用，获取响应并使用 javascript 替换列表。
@MagnusEriksson 是正确的。每当您单击下一页的按钮时，您都会发出一个 AJAX 请求，该请求将获取数据，您可以附加新数据进入
我对ajax不熟悉，对jquery和javascript知之甚少。你能告诉我如何使用上面的分页代码添加 ajax 吗？
api.jquery.com/jquery.ajax 这是关于 Ajax 的 jquery 文档。我建议在 PHP 中为项目创建一个 JSON 数组，并在 jQuery 中使用 Ajax 检索它。

标签： javascript php jquery html pagination

【解决方案1】：

您可以通过 ajax 或 jQuery 使用分页而无需页面加载。请阅读以下链接后的示例 - https://datatables.net/examples/basic_init/alt_pagination.html

【讨论】：