用WP REST API调用的结果注入HTML的最佳方法？

Question

比方说，你想动态地注入10个额外的帖子到WordPress网站的主页博客滚动。在一些用户交互之后添加10个新帖子。所以，在这个例子中我们假设用户交互的JSON响应等同于该调用的结果：

GET /wp-json/wp/v2/posts?s=awesome 

是什么结果添加到网页的理想方式，但要确保新的岗位使用相同的HTML作为现有的？

在我的脑海里好像选项目前：

1 - 使用JavaScript编写一个循环，并写循环内的职位正确的HTML。但是，这会使翻译等事情变得复杂，而且我已经在PHP中使用了循环模板，所以感觉就像复制代码一样。

2-编写自定义端点。但根据我的理解，我需要用搜索参数编写一个新的WP_Query（），然后将所有的html返回到一个变量中（所以不需要get_template_part（）并再次复制代码）。

3-我的一个黑客主意是在页面加载时在站点某处添加了一个隐藏的空邮件框架。然后，当时间到了，在Javascript中运行一个循环并且每次克隆骨架以从JSON注入相关的发布数据。但是这对我来说很难受。

有没有更好的方法？或者我误解了WP REST API的基本概念？

Answer 1

你的想法＃3听起来很像使用像把手这样的模板语言，并不是所有的必须。

您会将您的HTML模板“隐藏”在脚本标记中，然后使用Javascript将其与来自Ajax调用的数据一起渲染。看到这里的例子有一个基本的想法：http://handlebarsjs.com/