使用api从滚揉机获取文章

Question

我想从滚揉机获取文章并显示在我的网站博客。

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

它返回页面标题但不是头像和帖子？我在做什么错误？ 我正在使用消费者密钥作为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 。那里的答案可能解决你的问题吗？