Instagram API：如何在流行的Feed中看到用戶和喜歡

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();

查看您的控制台（因瀏覽器而異），它將向您顯示可以從照片對象獲取的數據。

我從添加喜歡數開始。