Javascript 使用JSON数据构建html代码段，并将代码段注入DOM

我正在构建一个类似于pininterest的单页应用程序，其中以20为增量获取JSON数据。我的项目不支持Angularjs、主干Mustach或任何这样的框架或库

我需要帮助确定以下问题的解决方案：

我想将我的html与作为模板的平铺（有图像和没有图像）分离

在收到前20个项目的JSON数据后，我想构建tile并将其注入到main index.html中

如何从21-40和40-60开始调用获取JSON数据。JSON数据具有名为rank:1、rank:2等的编号属性

---

我正在寻找使用Javascript或jQuery的前端解决方案。

您正在描述我如何使用SPA应用程序。我在博客的主视图上实现了一个非常类似的功能。不过，我不会为新的磁贴分页

您是正确的，您不需要任何庞大的框架来执行您所需要的。至于模板，我使用了小胡子或者基于本文的东西。我实际上在我的博客中使用了20行函数。在我的新水疗书中，我用胡子，这取决于你

---

要调用接下来的20条记录，您需要配置API以允许检索分页数据集。这可以通过querystring参数或路由变量来完成。这取决于你。通常情况下，页面和总记录都有一个参数。如果您需要有关实际AJAX层的帮助，我会考虑使用您自己的或使用reqwest，。

谢谢Chris，我会查看提供的链接，如果有任何问题，请返回。我看到了模板引擎链接以及对其代码工作的要求，我需要将我的HTML片段作为var模板嵌入js代码中。我的HTML代码段非常复杂，大约有70-80行，我有30-40多个数据对象，需要根据数据对象的类型进行更新。是否可以保留模板external.html文件并在var template=“/pathto/partial/htmlfile”中引用该文件？