javascript - 使用 Blogger API 列出所有帖子

Question

我正在尝试使用 Blogger API v3 列出所有博客文章:

<script type="text/javascript">
function handleResponse(response) {
  var post_number  = Object.keys(response.items).length; //number of posts
  for (i=0; i<post_number; i++) {
    $('#content').append('<div id="post' + (i+1) + '" class="post"><p></p></div>');
    $('.post p').html(Object.keys(response.items[i].title));
  }
}
</script>
<script src="https://www.googleapis.com/blogger/v3/blogs/1961645108677548855/posts?callback=handleResponse&key=AIzaSyAJESQB3ddltUcDbZif3LUnX-Gzr18tBRg"></script>

这确实将 3 个 div(因为有 3 个帖子)附加到我的内容 div。但是每个div的内容是:

<p>
   "1"
   "2"
   "3"
   "4"
   "5"
</p>

我不知道为什么，尽管我假设 title 是 items[] 的属性。任何解决方案或线索？

谢谢解答!

Answer 1

你应该删除 Object.keys() 并试试这个:

<script type="text/javascript">
function handleResponse(response) {
  var post_number  = Object.keys(response.items).length; //number of posts
  for (i=0; i<post_number; i++) {
    $('#content').append('<div id="post' + (i+1) + '" class="post"><p></p></div>');
    $('.post p').html(response.items[i].title);
  }
}
</script>
<script src="https://www.googleapis.com/blogger/v3/blogs/1961645108677548855/posts?callback=handleResponse&key=AIzaSyAJESQB3ddltUcDbZif3LUnX-Gzr18tBRg"></script>

在你的情况下你不应该使用 Object.keys()