Question

我想从不倒翁那里得到帖子并在我的网站博客上显示。

＆＃13;

$.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);
    }
});

＆＃13;

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;
}

＆＃13;

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

＆＃13;

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

Answer 1

我发现了一个问题：

此行for (var i in postings) {（对键和索引的迭代）与var p = postings[i];不兼容。使用for (var i = 0; postings.length; i++) { var posting = postings[i]; // ...或使用for (var posting of postings) { // ...

如果代码仍然无法运行，请分享代码所做的事情

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

使用api从tumbler获取帖子

1 个答案: