Javascript 显示json文件的前20项

我有一个外部Json文件，在站点中显示图像。我需要限制显示只有20个图像，然后当你向下滚动显示其余的

$window.loadfunction{ //用于获取JSON数据的url 变量picarioAPI=https://meno.picarioxpo.com/xpo/api/v1/designs/search/rca-designs?apiKey=9e8a809e10a1402ebb56907a4e7daeed&skip=0&take=1024; $.getJSONpicarioAPI，functionjson{ var text=； 对于var i=0；i'； document.getElementByIddesign.innerHTML=文本； } }; }; 设计{ 利润率：20px； } 设计img{ 宽度：200px； 利润率：10px； 最大高度：200px； }

---

只需将take参数修改为20 $window.loadfunction{ //用于获取JSON数据的url //请参见url末尾的修改的take参数 变量picarioAPI=https://meno.picarioxpo.com/xpo/api/v1/designs/search/rca-designs?apiKey=9e8a809e10a1402ebb56907a4e7daeed&skip=0&take=20; $.getJSONpicarioAPI，functionjson{ var text=； 对于var i=0；i'； document.getElementByIddesign.innerHTML=文本； } }; }; 设计{ 利润率：20px； } 设计img{ 宽度：200px； 利润率：10px； 最大高度：200px； }

---

如果json中的结果总是超过20个，只需替换

 for (var i = 0; i < json.values.length; i++) {

---

所以只输出前20个，而不是全部循环？@epascarello我认为问题更多的是如何进行facebook滚动，所以当他们滚动到最后时，他们会加载下一组。。。。。惰性加载的基础知识看看这个问题：Math.minjson.values.length，20是cleaner@mhodges对的更新。谢谢。@mhodges看起来确实如此，尽管我的答案在编程上是正确的，但正确的解决方案是通过更改$\u GET参数只需要20项，正如@Brent的答案所示。这是明智的做法。在这种情况下，不再需要在结果上检查长度：向下滚动时，如何加载字符串的其余部分？您需要存储最后显示项的索引，在页面中有一个元素可以启动一个函数来访问该信息，从json中加载20多个项，编写所需字符串并将其附加到现有内容中。它可以在客户端和服务器端完成。如果你一次只带20件物品，你需要服务器端。如果你一次把它们都带来并保存在浏览器存储中，它将成为客户端。我会在客户端做。一次调用，而不仅仅是显示已加载数据中的更多内容。它让你更好地控制用户体验，IMHO。

 for (var i = 0; i < 20; i++) {

 for (var i = 0; i < Math.min(json.values.length, 20); i++) {