0

我有一个小脚本读出一个 JSON 提要并用 HTML 写下来。现在我希望我的脚本只显示 5 个元素并使用前进按钮加载接下来的 5 个元素，或者使用后退按钮显示最后 5 个元素有没有可能这样做？只要给我一些指示，我就可以开始研究构建这样的功能。

我的代码到现在，只是为了向你们展示：

<script type="text/javascript">
$(function()
{
$(document).ready(function()
{
$.getJSON("json_data2.php",function(data)
{
$.each(data.posts, function(i,data)
{
var div_data =
"<div ><a href='"+data.url+"'>"+data.title+"</a></div>";
$(div_data).appendTo("#test");
});
}
);
return false;
});
});
</script>

<div id="test"></div>
4

1 回答 1

1

听起来您正在尝试实现分页。通常这最好在服务器端完成。在您的情况下，这将是 json_data2.php。您可以让 json_data2.php 读取 2 个查询字符串，例如 startPosition 和 amount。所以 startPosition 可以根据传递的数字偏移项目列表。然后 amount 会告诉 json_data2.php 要返回多少项目。然后每次单击下一个或上一个时，startPosition 将递增或递减。

所以

json_data2.php?startPosition=0&amount=5 将返回前 5 个结果

然后

json_data2.php?startPositon=5&amount=5 将返回接下来的 5 个结果。

于 2012-12-06T00:10:28.403 回答