Javascript 使用getJSON查询json显示；“未定义”；而不是数据

我试图将getJSON与jQuery结合使用，获取图像的URL并将其显示在此网页上

API的URL起作用（显示json），图像存在，但显示“undefined”

有什么想法吗

$（文档）.ready（函数（）{
$（“#驱动程序”）。单击（函数（事件）{
$.getJSON（“https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?earth_date=2015-6-3&api_key=api_key“，{data:“value”}，函数（json）{
$（'#stage'）.html（''）；
$（'#stage'）。追加（''）；
$（'#stage'）.append（'ID:'+json.photos.ID+'
'）；
})
});
});

因为它返回一个数组，而您没有引用数组中的元素

$(document).ready(function() {

    $("#driver").click(function(event){

      $.getJSON("https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?earth_date=2015-6-3&api_key=cypvw52ysZT16N9HAFuh5bEDXb8lvDmw90ff4v26", {data: "value"}, function(json) { 
        //$('#stage').html('<img src="' + json.photos[0].img_src + '">');
        $('#stage').append('<img src="' + json.photos[0].img_src + '">');
        $('#stage').append('<p> ID: ' + json.photos[0].id+ '</p>');
      })
    });
  });



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="stage"></div>
<button id="driver">test</button>

$（文档）.ready（函数（）{
$（“#驱动程序”）。单击（函数（事件）{
$.getJSON（“https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?earth_date=2015-6-3&api_key=cypvw52ysZT16N9HAFuh5bEDXb8lvDmw90ff4v26“，{data:“value”}，函数（json）{
//$（'#stage'）.html（''）；
$（'#stage'）。追加（''）；
$（'#stage'）.append（'ID:'+json.photos[0].ID+'
'）；
})
});
});
测试

因为它返回一个数组，而您没有引用数组中的元素

$(document).ready(function() {

    $("#driver").click(function(event){

      $.getJSON("https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?earth_date=2015-6-3&api_key=cypvw52ysZT16N9HAFuh5bEDXb8lvDmw90ff4v26", {data: "value"}, function(json) { 
        //$('#stage').html('<img src="' + json.photos[0].img_src + '">');
        $('#stage').append('<img src="' + json.photos[0].img_src + '">');
        $('#stage').append('<p> ID: ' + json.photos[0].id+ '</p>');
      })
    });
  });



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="stage"></div>
<button id="driver">test</button>

$（文档）.ready（函数（）{
$（“#驱动程序”）。单击（函数（事件）{
$.getJSON（“https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?earth_date=2015-6-3&api_key=cypvw52ysZT16N9HAFuh5bEDXb8lvDmw90ff4v26“，{data:“value”}，函数（json）{
//$（'#stage'）.html（''）；
$（'#stage'）。追加（''）；
$（'#stage'）.append（'ID:'+json.photos[0].ID+'
'）；
})
});
});
测试

429=请求太多。。。哎呀！也许这就是为什么问题中的代码段不能运行，以避免对OP的api键发出太多请求

，我们杀死了
-不，他杀死了it429=太多请求。。。哎呀！也许这就是为什么问题中的代码片段不能运行，以避免对OP的api键发出太多请求
，我们杀死了它-不，他杀死了它