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

Question

我从以下链接中学习到了分页技巧：如何在以下代码中设置条件以标记分页中的当前页面？ 使用以下代码：

<?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>

但是它只有在重新加载数据后才会显示数据？有没有办法在不重新加载页面的情况下显示数据？我对分页不太了解 - 请帮忙。

- Sumon

---

你需要使用Ajax来实现。当点击“下一页”或“上一页”时，使用ajax进行调用，获取响应并使用javascript替换列表。 - M. Eriksson

@MagnusEriksson 是正确的。每当您点击下一页按钮时，都会发出一个 AJAX 请求来获取数据，然后您可以将新数据附加到现有数据中。 - cdoshi

我不熟悉ajax，只了解一点jquery和javascript。你能告诉我如何在上面的分页代码中添加ajax吗？ - Sumon

这是有关Ajax的jQuery文档：http://api.jquery.com/jquery.ajax/。我建议在PHP中创建一个JSON数组来存储项目，并使用jQuery中的Ajax检索它。 - Sinan Samet

Answer 1

您可以通过ajax或jQuery在不需要页面加载的情况下使用分页。请参考以下链接中的示例： https://datatables.net/examples/basic_init/alt_pagination.html

- Hemraj Pal