我有如下表格；
<table>
<tr>
<td id="prev">prev</td>
<td class="content"></td>
<td class="content"></td>
<td class="content"></td>
<td class="content"></td>
<td class="content"></td>
<td id="next">next</td>
</tr>
</table>
和一个 PHP 文件，ajax.php用于 AJAX 调用；
<?php
$array = array(1,2,3,4,5,6,7,8,9,10);
$page = $_POST["page"];
$quantity = 5;
$offset = ($page-1)*$quantity;
$selectedFiles = array_slice($array, $offset, $quantity);
echo $selectedFiles;
?>
PHP 函数假设返回一个数组，其中元素数量有限，关于 $_POST["page"]。就像分页一样。该脚本将为 $page = 1 返回前 5 个元素, $page = 2 的第二个 5 个元素等等。当页面加载时，<td>有 id content可能会分别显示1,2,3,4,5。
当用户点击 next , 它可能会显示下一个结果，如果用户单击 prev 可能会返回到上一个结果.我如何使用 JavaScript 和 jQuery 来做到这一点？
如果在用户点击和数据变化时给出一些效果，比如滑动(transition)，看起来像滑动某个bar，会更有帮助。
最佳答案
为自己节省大量时间。使用预先完成的网格解决方案，如 DataTables这一切都为你工作。它允许您对可以通过 dom、JSON 或真正的服务器端 AJAX 提供的表格结果进行排序、过滤、分页、排序和限制。
由于 DataTables 是一个如此成熟的项目，它已经克服了跨浏览器怪癖等所有随机问题。
它还包括一个 pre-done PHP example为您完成查询。只需更改以匹配您的 table ，瞧!
关于javascript - 使用 AJAX 从 PHP 数组填充表格内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6387854/