Javascriptを使ってNASA APIにアクセスする

Question

Javascriptを使い慣れていないので、https://api.nasa.gov/planetary/earth/assets?lon=100.75&lat=1.5&begin=2014-02-01&api_key=DEMO_KEY などのNASA APIにアクセスしてデータを使用する方法が不思議です。私は、 "日付"を取得し、配列に入れたいが、私はそれを行う方法がわからない。 Javascriptを使ってどうすればいいですか？

Answer 1

jQueryを使用している場合は、jQuery.ajax（url）メソッドを使用し、URLとして 'https://api.nasa.gov/planetary/earth/assets?lon=100.75&lat=1.5&begin=2014-02-01&api_key=DEMO_KEY'を渡してajax呼び出しを行うことができます。

EDIT：これはjqueryのでAJAXリクエストをfodoingより詳細なコード/、について説明です：

$.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

のAjaxについての記事を読むthis guide from MDN。次に、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); 
}); 

次にコンソールにあなたは結果を見ることができます。または、あなたのニーズに配列変数を使用してください