使用WP REST API调用的结果注入HTML的最佳方法是什么?

时间:2016-11-24 16:19:25

标签: javascript wordpress wordpress-rest-api

让我们假设你想动态地向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-我有一个hacky想法是在页面加载时在网站的某处添加一个帖子的html隐藏的空框架。然后当时机到来时,在Javascript中运行循环并每次克隆骨架以从JSON注入相关的帖子数据。但这让我很讨厌。

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

1 个答案:

答案 0 :(得分:2)

你的想法#3听起来很像使用像Handlebars这样的模板语言,并不一定都是hacky。

你"隐藏"您的HTML模板在脚本标记中,然后使用Javascript来呈现来自您的Ajax调用的数据。请参阅此处的示例以获取基本概念:http://handlebarsjs.com/