Google上的jqueryjson解析+；API和优化代码

我正试图从Google+API解析配置文件名和配置文件图像。我制作了一个脚本，用于为一个概要文件提取数据，但我需要从多个帐户提取数据。以下是我迄今为止所做的工作：

我想向每个.box类插入配置文件数据，但我这样做似乎效率低下。我想做的是让每个数据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>

$（函数（）{
$.getJSON（“https://www.googleapis.com/plus/v1/people/ [数据id将显示在此处]？字段=显示名称%2Cimage&key=AIzaSyAQtjGlomf-jLktD8h6je_bHnxYkSDOOyQ“，函数（数据）{
$（'.gplus数据'）。追加（''）；
$（'.gplus data tbody'）.prepend（'NameImage'）；
变量项=“”+data.displayName+“”；
项目+=''；
$（'.items'）。追加（''+item+''）；
});
});

试试这个

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

        });

    });

});​

$（函数（）{
$（'.gplus data'）。每个（函数（）{
var=这个；
$.getJSON（“https://www.googleapis.com/plus/v1/people/“+$（this）.data（'id'）+”？字段=显示名称%2Cimage&key=AIzaSyAQtjGlomf-jLktD8h6je_bHnxYkSDOOyQ”，函数（数据）{
美元。附加（“”）；
$（that.find（'tbody'）。prepend（'NameImage'）；
变量项=“”+data.displayName+“”；
项目+=''；
$（that.find（'.items'）。append（''+item+''）；
});
});
});​

我尝试了你的代码，但有东西在重复。