Текущее изображение Nasa EPIC API с помощью jQuery

Question

Я новичок в API и пытаюсь создать простую страницу с API Nasa EPIC. Я пытаюсь показать последнее изображение, когда страница открывается или перезагружается.

$(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);
  });
});