javascript - 使用 api 从 tumbler 获取帖子

Question

我想从 tumbler 获取帖子并显示在我的网站博客中。

$.ajax({
  "http://api.tumblr.com/v2/blog/rexsmith731.tumblr.com/posts?api_key=myapikey",
    dataType: 'jsonp',
    success: function(results){
    $("h1").html(results.response.blog.title); 
    }
});
$.ajax({
    url: "http://api.tumblr.com/v2/blog/rexsmith731.tumblr.com/posts?api_key=myapikey",
    dataType: 'jsonp',
    success: function(avatar){
      console.log(avatar);
 $(".avatar").attr('src', avatar.response.avatar_url); 
    }
});


$.ajax({
    url: "http://api.tumblr.com/v2/blog/rexsmith731.tumblr.com/posts?api_key=myapikey",
    dataType: 'jsonp',
    success: function(posts){
      var postings = posts.response.posts;
      console.log(postings);
      var text = '';
for (var i in postings) {
 var p = postings[i];
text += '<li><img src=' + p.photos[0].original_size.url +'><a href='+p.post_url+'>'+p.source_title+'</a></li>';
}
$('ul').append(text);
    }
});

ul img {
  
  width: 300px;
  display: block;
}
li {
  display: inline-block;
}
li a {
  display: block;
  position: relative;
  top: -100px;
  font-size: 24px;
  color: white;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.7);
  padding: 10px;
  text-transform: Uppercase;
  font-family: helvetica;
}

<h1></h1>
<img src="" class="avatar">
<span class="followers"></span>
  <ul>
    
  </ul>

它返回页面标题，但不返回头像和帖子？我犯了什么错误？我使用消费者 key 作为 API key 。我可以通过其他方式将我的不倒翁数据显示到我的网站博客中吗？

Answer 1

我发现一个问题:

这行for (var i in posts) {(对键和索引进行迭代)与var p = posts[i]; 配合效果不佳。要么使用 for (var i = 0; posts.length; i++) { var posts = posts[i];//... 或使用 for (var内容发布) {//...

如果代码仍然无法工作，请分享代码的作用

编辑:我还注意到您的 jsonp 请求与我在这里找到的略有不同:Accessing tumblr posts with JSON/JSONP 。那里的答案也许能解决您的问题吗？