使用.getJSON的JSONP返回undefined

Question

我正在嘗試通過Karl Swedburg爲Ajax學習jQuery第4版的練習，更具體地說是JSONP。

我的代碼是

$(document).ready(function(){ 
var url='https://api.github.com/users/jquery/repos'; 
$.getJSON(url + '?callback=?',function(data){ 
    var content=''; 
    $.each(data,function(index,item){ 
    content +='<div class="userdata">'; 
    content +='<div class="username">'+item.id+'</div>'; 
    content +='<div class="username">'+item.name+'</div>'; 
    content +='<div class="userurl">'+item.url+'</div>'; 
    content +='</div>'; 
    }); 
    $('#dictionary').append(content); 

}); 
}); 

我已經簽了開發工具和我的請求返回狀態200

和數據的提取從請求返回的如下圖所示

{ 
    "id": 5999890, 
    "name": "2012-dev-summit", 
    "full_name": "jquery/2012-dev-summit", 
    //more stuff 
} 

我已經檢查並重新檢查了我的代碼，似乎無法弄清楚爲什麼它返回undefined。

編輯：添加什麼附加

undefined 
undefined 
undefined 
undefined 
undefined 
undefined 

我得到6 undefined，這將等同於2次迭代看到，因爲輸出每輪3個項目，即。 ID，名稱和網址。

Answer 1

嘗試以下。您正在result.data對象中獲取結果。不在結果對象中。

$(document).ready(function(){ 
var url='https://api.github.com/users/jquery/repos'; 
$.getJSON(url + '?callback=?',function(result){ 
    var content=''; 
    var data = result.data; 
    $.each(data,function(index,item){ 
    content +='<div class="userdata">'; 
    content +='<div class="username">'+item.id+'</div>'; 
    content +='<div class="username">'+item.name+'</div>'; 
    content +='<div class="userurl">'+item.url+'</div>'; 
    content +='</div>'; 
    }); 
    $('#dictionary').append(content); 

}); 

}）;

FIDDLE

Answer 2

試試這個

$(document).ready(function(){ 
var url='https://api.github.com/users/jquery/repos'; 
$.getJSON(url + '?callback',function(data){ 
    var content=''; 
    $.each(data,function(index,item){ 
    content +='<div class="userdata">'; 
    content +='<div class="username">'+item.id+'</div>'; 
    content +='<div class="username">'+item.name+'</div>'; 
    content +='<div class="userurl">'+item.url+'</div>'; 
    content +='</div>'; 
    }); 
    $('#dictionary').append(content); 

}); 
}); 

DEMO