0

Google+ API からプロフィール名とプロフィール画像を解析しようとしています。1 つのプロファイルのデータを取得するスクリプトを 1 つ作成しましたが、複数のアカウントからデータを取得する必要があります。これが私がこれまでに行ったことです: http://jsfiddle.net/KTbcX/

各 .box クラスにプロファイル データを挿入したいのですが、やり方が非効率的です。私がやりたいのは、各 data-id 属性がスクリプトに挿入されるようにすることです。そのようです

<div class="box">
  <div class="gplus-data" data-id="113411411661448774142"></div>
</div>
<div class="box">
  <div class="gplus-data" data-id="100300281975626912157"></div>
</div>
<div class="box">
  <div class="gplus-data" data-id="104560124403688998123"></div>
</div>

<script>
$(function() {
    $.getJSON("https://www.googleapis.com/plus/v1/people/ [data-id would go here] ?fields=displayName%2Cimage&key=AIzaSyAQtjGlomf-jLktD8h6je_bHnxYkSDOOyQ", function(data) {
        $('.gplus-data').append('<tbody class="items"></tbody>');
        $('.gplus-data tbody').prepend('<tr><th>Name</th><th>Image</th></tr>');          
            var item = '<td>' + data.displayName + '</td>';
            item += '<td><img src="' +data.image.url + '"></td>';
            $('.items').append('<tr>' + item + '</tr>');
    });
});
</script>
4

1 に答える 1

2

これを試して

$(function() {

    $('.gplus-data').each(function() {
        var that = this;
        $.getJSON("https://www.googleapis.com/plus/v1/people/" + $(this).data('id') + "?fields=displayName%2Cimage&key=AIzaSyAQtjGlomf-jLktD8h6je_bHnxYkSDOOyQ", function(data) {

            $(that).append('<tbody class="items"></tbody>');
            $(that).find('tbody').prepend('<tr><th>Name</th><th>Image</th></tr>');
            var item = '<td>' + data.displayName + '</td>';
            item += '<td><img src="' + data.image.url + '"></td>';
            $(that).find('.items').append('<tr>' + item + '</tr>');

        });

    });

});​
于 2012-12-24T03:51:07.667 に答える