javascript - 如何使用 JavaScript 循环使用 blogger API 检索所有帖子

Question

我正在尝试通过使用 javascript 循环获取使用 Blogger API 的所有博客帖子的列表。我也在 StackOverflow 中找到了解决方案。但这对我不起作用。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
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/5039479718685240371/posts?callback=handleResponse&key=AIzaSyDxfWmXTRnO5yIp25NvuUEBWKSa_5mqjHA"></script>

当我运行此代码时出现以下错误:{ "message": "Uncaught ReferenceError: $ is not defined", “文件名”:“https://stacksnippets.net/js”， “线”:17， “科尔诺”:5 }

Answer 1

我对您的代码进行了一些试验和错误，您注意到的第一个问题已通过包含 jQuery 库解决。

您可以使用 ajax 获取数据，而不是将其包含在脚本标记中。 jQuery 将为您注册并调用回调函数。

其余的工作。这是一个例子。我还建议您现在更改 key 。

$.ajax("https://www.googleapis.com/blogger/v3/blogs/5039479718685240371/posts?callback=handleResponse&key=AIzaSyDxfWmXTRnO5yIp25NvuUEBWKSa_5mqjHA")

function handleResponse(response) {
  //var post_number = Object.keys(response.items).length; //number of posts
  for (i = 0; i < response.items.length; i++) {
    var titleHtml = '<div id="post' + (i + 1) + '" class="post"><p>' + response.items[i].title + '</p></div>';
    $('#content').append(titleHtml);
  }
}

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