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

时间:2014-07-22 04:05:53

标签: jquery ajax json

我有一个简单的JSON新闻项目,包括标题,照片,链接等。我能够构建一个能够全部运行它们的每个函数,并创建一个简单的小div缩略图照片,工作链接等。但在这个饲料中,我有七天的新闻。我可以同时做到这一点,但显然它会降低负载速度。

所以我想要做的就是在打开页面时有10个或类似的设定数量加载,然后有一个“加载更多”按钮,添加接下来的10个项目,另一个在结尾,等等。

我已经看到了很多如何做到这一点的例子,基本上将所有这些项目加载到一个显示为none的div中,然后使用一个按钮来加载X个数。但是,如果我沿着这条路线行驶150个项目,那仍然会导致一些缓慢的加载时间,不是吗?什么是最好的方法,有人能指出一个简单的例子吗?

1 个答案:

答案 0 :(得分:0)

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

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

玩$(#jQuery,#Json)。