如何使用 JavaScript 循环检索所有博主 API 的帖子

Question

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

<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", "filename": "https://stacksnippets.net/js", "lineno": 17, "colno": 5 }

Answer 1

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

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

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

$.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>

如何使用 JavaScript 循环检索所有博主 API 的帖子

How to retrieve all posts using blogger API by using JavaScript loop

javascript

api

json

blogger

google-api