Question

我是API的新手，正在尝试使用Nasa EPIC API制作一个简单的页面。我要做的是在首次打开或重新加载页面时显示最新图像。

$(document).ready(function() {
  var url = "https://epic.gsfc.nasa.gov/api/natural";
  $.ajax({
    url: url,
    dataType: 'json'
  }).done(function(data) {
    console.log(data[0]);
    var image = data[0];
    $('.information').text(image.identifier);
    $('h2').text(image.caption);
    $('.avatar img').attr("src", 
"https://epic.gsfc.nasa.gov/archive/natural/2018/06/30/jpg/" + image.image + 
".jpg");
  });
});

我已经设法通过在代码中的文件路径中添加日期来破解图像，但是显然只显示了该图像（/ 2018/06/30 /）...在与每日图像的文档，但我还没有php的知识。关于如何解决这个问题的任何提示？

Answer 1

您可以尝试使用以下方法获取最新的动态链接：

$(document).ready(function() {
  var url = "https://epic.gsfc.nasa.gov/api/natural";
  $.ajax({
    url: url,
    dataType: 'json'
  }).done(function(data) {
    console.log(data[0]);
    var image = data[0];
    $('.information').text(image.identifier);
    $('h2').text(image.caption);
    var dt = image.date.split(' ')[0].split('-');
    var imgUrl = "https://epic.gsfc.nasa.gov/archive/natural/";
    imgUrl += dt[0] + "/" + dt[1] + "/" + dt[2] + "/jpg/" + image.image + ".jpg";
    $('.avatar img').attr("src", imgUrl);
  });
});

当前带有jQuery的Nasa EPIC API图像

1 个答案: