JavaScript: ottenere le informazioni meteo su una località

Short link

Con JavaScript possiamo ottenere i dati meteo di una località usando le API di Open Weather Map.

Possiamo utilizzare le Fetch API per reperire i dati JSON remoti.


'use strict';

const request = url => {
    return new Promise((resolve, reject) => {

        fetch(url).then(response => {
            if(response.ok) {
                resolve(response.json());
            } else {
                reject({
                    error: 500
                });
            }
        });

    });
};

const getWeatherInfo = async ( element, form ) => {
    try {
        let q = form.querySelector('#q').value;
        let url = `https://api.openweathermap.org/data/2.5/weather?q=${q}&appid=your_api_key`;
        let response = await request(url);
        element.innerText = JSON.stringify(response);

    } catch(err) {
        console.log(err);
    }
};

document.addEventListener('DOMContentLoaded', () => {
    let form = document.querySelector('#form');
    form.addEventListener('submit', e => {
        e.preventDefault();
        getWeatherInfo(document.querySelector('#results'), form);
    }, false);
});

Demo

JavaScript: Open Weather Map API

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.