使用WP REST API在纯Javascript中显示搜索结果的步骤如下:
/wp-json/wp/v2/search
。/wp-json/wp/v2/posts
终点来获取文章的详细信息。下面是一个示例代码,演示如何使用WP REST API在纯Javascript中显示搜索结果:
// 发送GET请求到搜索终点
fetch('/wp-json/wp/v2/search?search=keyword')
.then(response => response.json())
.then(data => {
// 解析搜索结果
const results = data.map(result => result.title.rendered);
// 显示搜索结果
const resultList = document.getElementById('search-results');
results.forEach(result => {
const resultItem = document.createElement('li');
resultItem.textContent = result;
resultList.appendChild(resultItem);
});
})
.catch(error => {
console.error('Error:', error);
});
在上面的代码中,我们使用了Fetch API发送GET请求到搜索终点,并将搜索关键字作为URL参数传递。然后,我们解析响应的JSON数据,并将搜索结果显示在一个具有id为search-results
的HTML列表中。
请注意,上述代码仅为示例,你可以根据你的需求进行修改和定制化。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云对象存储(COS)、腾讯云云数据库MySQL版、腾讯云CDN加速等。你可以在腾讯云官网上找到这些产品的详细介绍和文档。
希望以上信息对你有帮助!
领取专属 10元无门槛券
手把手带您无忧上云