javascript - 使用 WP REST API 调用结果注入(inject) HTML 的最佳方法？

Question

假设您想要动态地将 10 个额外帖子注入(inject)到 WordPress 网站的主页博客卷中。经过一些用户交互后添加了 10 个新帖子。因此，对于此示例，我们假设用户交互的 JSON 响应与此调用的结果相同:

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

将结果添加到主页，同时确保新帖子使用与现有帖子相同的 HTML 的理想方式是什么？

在我看来，目前的选项是:

1- 在 Javascript 中编写一个循环，并为循环内的帖子编写正确的 html。但这会使翻译等事情变得复杂，而且我已经有了 PHP 中的循环模板，所以感觉像是在重复代码。

2- 编写自定义端点。但据我了解，我需要使用搜索参数编写一个新的 WP_Query() ，然后在单个变量中返回所有 html(因此不需要 get_template_part() 并再次重复代码)。

3-我的一个奇怪的想法是在页面加载时在网站上的某个位置添加一个隐藏的空 html 框架。然后，当时间到来时，在 Javascript 中运行一个循环并每次克隆骨架以从 JSON 注入(inject)相关的帖子数据。但这对我来说感觉很糟糕。

还有更好的办法吗？或者我是否误解了 WP REST API 的基本概念？

Answer 1

你的想法 #3 听起来很像使用像 Handlebars 这样的模板语言，而且不一定那么古怪。

您可以将 HTML 模板“隐藏”在脚本标记中，然后使用 Javascript 使用来自 Ajax 调用的数据来呈现它。请参阅此处的示例了解基本概念: http://handlebarsjs.com/