JQuery一次迭代10个JSON项，用一个按钮再加载10个

我有一个简单的JSON新闻提要，包含标题、照片、链接等。我能够构建一个each函数来运行它们，并创建一个足够简单的小div，包含缩略图、工作链接等。但是在这个提要中，我有七天的新闻条目。我可以一次完成这一切，但显然这会减慢加载速度

所以我想做的是在打开页面时加载10个或类似的集合号，然后有一个加载更多的按钮来添加接下来的10个项目，在最后再加载一个，等等

---

我已经看到了很多这样做的例子，基本上是将所有这些项目加载到一个显示为none的div中，然后使用按钮加载X个项目。但如果我带着150件物品走那条路线，还是会导致一些缓慢的装载时间，不是吗？最好的方法是什么？有人能给我举个简单的例子吗？

您应该在这里使用“延迟加载”或“按需”概念来提高性能并减少回发到服务器的次数。它类似于网格视图/表中的分页。您必须设置索引和大小。i、 e index=0，size=5，这意味着将首次加载5条新闻。当用户向下滚动到新闻部分的底部时，将索引增加1并再次触发该函数，该函数将获取接下来的5条新闻提要

我已经在我的项目中的自定义自动完成文本框中实现了这个概念，它的效果非常好

---

享受$jQuery、Json带来的乐趣。

您尝试过延迟加载插件吗？不，我没有遇到过。我对这东西还很陌生。我去试一试，然后回来汇报。谢谢玩了LazyLoad插件，打了几次嗝后，它就工作得很好了。比我预期的创建该功能要容易得多。谢谢你的建议。我知道我在寻找什么，但不知道该怎么称呼它，所以懒散的加载和随需应变帮助我寻找了大量的可能性。太好了。。！！但是我没有使用任何插件来完成这项任务。我使用基本的jqurey函数和html事件来编写自己的自定义js库来实现这一点。我们自己编写插件，而不是使用其他插件，这很有趣。我很想看看你是如何做到的，或者一次手动迭代五次的一个例子。它会在每个循环中说，i=0；i<5；然后每次执行一个操作时运行，比如说点击一个加载更多按钮？不是这样的。在页面加载时，首次仅从数据库中获取5个项目，并将显示在页面中，而不是所有项目。当用户向下滚动到最后一项时，我会将页面索引增加1，并对服务器进行ajax调用，服务器将获取接下来的5项。随需应变的关键概念是，仅当用户请求数据时才应获取数据。你能给我举一个简单的例子说明这是怎么做到的吗？我想我最困惑的是如何以这种方式增加页面索引。我可以设置第一部分，在这里我只输入5或一个预定的数字，但是在昨晚玩了这个想法之后，我仍然不知道如何手动完成。