使用 Javascript 访问 NASA api [关闭]

Question

所以我是使用 Javascript 的新手，我想知道如何访问 NASA API，例如 https://api.nasa.gov/planetary/earth/assets?lon=100.75&lat=1.5&begin=2014-02-01&api_key=DEMO_KEY 并使用数据？我想获取“日期”并将它们放入一个数组中，但我不知道该怎么做。如何使用 Javascript 做到这一点？

Answer 1

如果您使用 jQuery，您可以使用 jQuery.ajax( url ) 方法进行 ajax 调用，并将 'https://api.nasa.gov/planetary/earth/assets?lon=100.75&lat=1.5&begin=2014-02-01&api_key=DEMO_KEY' 作为 url 传递。

编辑：这是更详细的代码/解释 jquery 中的 ajax 请求：

$.ajax({

    // The URL for the request
    url: "https://api.nasa.gov/planetary/earth/assets?lon=100.75&lat=1.5&begin=2014-02-01&api_key=DEMO_KEY",


    // Whether this is a POST or GET request
    type: "GET",

    // The type of data we expect back
    dataType : "json",
})
  // Code to run if the request succeeds (is done);
  // The response is passed to the function
  .done(function( json ) {
     console.log(json)
  })
  // Code to run if the request fails; the raw request and
  // status codes are passed to the function
  .fail(function( xhr, status, errorThrown ) {
    alert( "Sorry, there was a problem!" );
    console.log( "Error: " + errorThrown );
    console.log( "Status: " + status );
    console.dir( xhr );
  })
  // Code to run regardless of success or failure;
  .always(function( xhr, status ) {
    alert( "The request is complete!" );
  });

Answer 2

阅读this guide from MDN 了解 Ajax。然后您可以使用JSON.parse 解析返回的数据，然后使用map() 从结果数组中的每个项目中获取日期。请参见下面的示例。如果你想使用像jQuery 这样的库，那么 AJAX 代码将被简化。

var url = 'https://api.nasa.gov/planetary/earth/assets?lon=100.75&lat=1.5&begin=2014-02-01&api_key=DEMO_KEY';
var httpRequest; //declare here for good scope
if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+ ...
  httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE 6 and older
  httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
httpRequest.onreadystatechange = function() {
  if (httpRequest.readyState === XMLHttpRequest.DONE && httpRequest.status == 200) {
    returnedData = httpRequest.responseText;
    var data = JSON.parse(returnedData);
    if (data.hasOwnProperty('results')) {
      var dates = data.results.map(function(result) {
        return result.date;
        });
      console.log('dates: ',dates);
     }
  } else {
    // still not ready or error occurred
  }
};
httpRequest.open('GET', url, true);
httpRequest.send(null);

Answer 3

尝试像这样使用它，用 jquery：

var array = [];
$.get('https://api.nasa.gov/planetary/earth/assets?lon=100.75&lat=1.5&begin=2014-02-01&api_key=DEMO_KEY',function(data){
       for(var i=0; i< data.results.length; i++) {
        array.push(data.results[i].date);
       }
    console.log(array);
});

然后在控制台中你可以看到结果。或者只是根据需要使用数组变量