使用.getJSON的JSONP返回未定義

Question

我正在嘗試由Karl Swedburg為Ajax編寫的Learning jQuery 4th Edition中的練習，更具體地說是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

我得到6未定義，這相當於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);

});

}）;

小提琴

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