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

假设您希望动态地向WordPress站点的主页博客卷添加10篇额外的帖子。这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注入相关的post数据。但我觉得这很恶心

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

你的想法#3听起来很像是使用了一种模板语言，比如Handlebars，并不一定那么老套

您可以在脚本标记中“隐藏”HTML模板，然后使用Javascript使用来自Ajax调用的数据来呈现它。请参见此处的示例了解一个基本想法：

您的想法#3听起来很像使用Handlebar之类的模板语言，而且不一定都那么老练

---

您可以在脚本标记中“隐藏”HTML模板，然后使用Javascript使用来自Ajax调用的数据来呈现它。请参阅此处的示例以了解基本想法：

您可以在设置中使用新的

javascript es6

功能吗？恐怕不行，这是一个带有单个标准.js文件的标准WordPress主题。您可以在设置中使用新的

javascript es6

功能吗？恐怕不行，这是一个带有单个标准.js文件的标准WordPress主题。