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

Question

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

我试图让帖子显示在这里，但我似乎无法让它工作。如果我 console.logdata[0].title它可以工作并提供我要求的数据。但是当我尝试在页面上显示它时......没有骰子。有关详细信息，请参阅代码笔。

标签： javascriptwordpressfetchwordpress-rest-api

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>