当前使用 jQuery 的 Nasa EPIC API 映像

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 的引用，但我对 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);
});
});