JSON Javascript Onclick加载程序

Question

我有一个小脚本，可以读取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>

Answer 1

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

所以

json_data2.php？startPosition = 0＆amount = 5会返回前5个结果

然后

json_data2.php？startPositon = 5＆amount = 5将返回下5个结果。