Home / Programmazione / Javascript - AJAX / Utilizzare le API della Nasa con Javascript
Mattepuffo

Utilizzare le API della Nasa con Javascript

Utilizzare le API della Nasa con Javascript

La Nasa mette a disposizione della API da interrogare per avere diverse immagini sulle proprie applicazioni.

L'uso di queste API è gratuito, previa iscrizione gratuita.

L'iscrizione serve per ottenere la API KEY, necessaria per interrogare il servizio.

Ci sono diversi dati messi a disposizione, e noi vedremo un esempio di APOD (Astronomy Picture of the Day).

Per interrogare il servizio, useremo Javascript con AJAX e Qwest.

Ecco un esempio basico:

<!DOCTYPE html>
<html>
    <head>
        <title>NASA photo of the day</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="qwest.js"></script>
        <script>
            var url = 'https://api.nasa.gov/planetary/apod?api_key=API_KEY';
            qwest.get(url).then(function (xhr, response) {
                document.querySelector("#title").innerHTML = response.title;
                document.querySelector("#img").src = response.hdurl;
                document.querySelector("#explanation").innerHTML = response.explanation;
            }).catch(function (e, xhr, response) {
                console.log(response);
            }).complete(function (xhr, response) {
                // VIENE SEMPRE ESEGUITO
                console.log(response);
            });
        </script>
    </head>
    <body>
        <h1 id="title"></h1>
        <img id="img">
        <div id="explanation"></div>
    </body>
</html>

Mettete la vostra API KEY, o quella demo che trovate sul sito.

Come vedete è molto semplice.

Enjoy!