Instagram API：如何使流行的飼料看到用戶和喜歡

Question

我有這個代碼，我想在每張照片之前寫一個文本，我不知道在哪裏寫。順便說一句，我想知道上傳的喜歡和用戶的每張照片。

function loadFeed() { 
    var param = {access_token:access_token}; 
    cmd(param, onPhotoLoaded); 
} 

function cmd(param, callback) { 
    //popular 
    var cmdURL = 'https://api.instagram.com/v1/media/popular?callback=?'; 
    $.getJSON(cmdURL, param, callback); 
} 

function onPhotoLoaded(data) { 
    if(data.meta.code == 200) { 
     var photos = data.data; 

     if(photos.length > 0) { 
      for (var key in photos){ 
       var photo = photos[key]; 
       $('<div id=p' + photo.id + '></div>').addClass('photoWrapper').appendTo('#panel'); 

       var str = '<img id="' + photo.id + '" src="' + photo.images.standard_resolution.url + '" width="100%">'; 
       $('<div></div>').addClass('photo').html(str).appendTo('#p' + photo.id); 

       $('#' + photo.id).load(function() { 
        $('#p' + $(this).attr('id')).fadeTo('slow', 1.0); 
       }); 

      } 
     }else{ 
      alert('empty'); 
     } 

    }else{ 
     alert(data.meta.error_message); 
    } 
} 

Answer 1

您正在查找的數據是照片對象。

http://jsfiddle.net/AbU7a/

function loadFeed() { 
    cmd({access_token:'11007611.f59def8.4f942a67c9174159a1601a037490d3ea'}, onPhotoLoaded); 
} 

function cmd(param, callback) { 
    //popular 
    var cmdURL = 'https://api.instagram.com/v1/media/popular?callback=?'; 
    $.getJSON(cmdURL, param, callback); 
} 

function onPhotoLoaded(data) { 
    if(data.meta.code == 200) { 
     var photos = data.data; 
console.log(photos); 
     if(photos.length > 0) { 
      for (var key in photos){ 
       var photo = photos[key]; 
       $('<div id=p' + photo.id + '></div>').addClass('photoWrapper').appendTo('#panel'); 

       var str = '<p>likes: '+ photo.likes.count +'</p><img id="' + photo.id + '" src="' + photo.images.standard_resolution.url + '" width="50">'; 
       $('<div></div>').addClass('photo').html(str).appendTo('#p' + photo.id); 

       $('#' + photo.id).load(function() { 
        $('#p' + $(this).attr('id')).fadeTo('slow', 1.0); 
       }); 

      } 
     }else{ 
      alert('empty'); 
     } 

    }else{ 
     alert(data.meta.error_message); 
    } 
} 

loadFeed(); 

查看控制檯（不同取​​決於你的瀏覽器），它會告訴你，你可以從照片對象獲取數據。

我開始通過添加點數來啓動你。