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

Stack Overflow用户

提问于 2014-07-22 04:05:52

回答 1查看 305关注 0票数 0

我有一个带有标题、照片、链接等新闻条目的简单JSON提要。我能够构建一个贯穿所有这些内容的每个函数，并创建一个足够简单的带有缩略图、工作链接等内容的div。但是在这个提要中，我获得了7天的新闻报道。我可以一次做到这一点，但很明显，它减慢了加载速度。

因此，我想做的是在打开页面时加载10个或一些类似的设置号，然后有一个"Load More“按钮来添加接下来的10个条目，另一个在后面添加，等等。

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

回答已采纳

发布于 2014-07-22 07:04:45

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

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

享受$(#jQuery，#Json)的乐趣。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24878731

复制

相似问题

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