获取WordPress API调用::如何让它实际显示在页面上

Question

https://codepen.io/Mortiferr/pen/XYNLpK?editors=1011

我正在尝试将帖子显示在此处，但我似乎无法使其正常工作。如果我console.log data[0].title它工作并提供我要求的数据。但是当我尝试在页面上显示它时......没有骰子。有关详细信息，请参阅codepen。

Answer 1

看起来data.title是一个内部有rendered的对象。

data[0].title.rendered将完成工作

$(document).ready(function(){
  fetch('https://www.perfectimprints.com/blog/wp-json/wp/v2/posts/')
  .then(response => response.json())
  .then(data => {
    // Here's a list of repos!
    $("#postTitle").append(data[0].title.rendered);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="postDate"></div>
<div id="postTitle"></div>