タンブラーからポストを取得して、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 。おそらく答えがあなたの問題を解決するだろうか？