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

查看你的控制台(根据浏览器的不同而不同)，它将显示你可以从照片对象中获得的数据。

我一开始就给你加了点赞。