Exchange rate in Javascript e Fixer.io

Ho trovato un ottimo sito che espone in formato JSON i cambi di varie valute straniere: Fixer.io.

Non è totalmente in tempo reale, ma ho un ritardo di solo 24h; quindi direi che essendo gratuito può andare più che bene.

Vediamo come interrogare questo servizio con Javascript, in modo da visualizzare i cambi nella pagina.

Per farlo useremo:

• jQuery
• AJAX
• JSONP, in quanto dobbiamo fare una richiesta cross-domain

jQuery AJAX cross domain

In questo articolo abbiamo visto come usare AJAX con jQuery.

Di default, però, sono previste solo chiamate a file nello stesso dominio.

Se invece volessimo eseguire chiamate cross domain, possiamo agire cosi.

Lato Javascript:

function ajaxCrossDomain(nome) {
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        crossDomain: true,
        url: "http://www.dominio.it/file.php",
        data: "nome=" + nome,
        success: function(res) {
               alert(res);
         }
    });
}

Notate due:

• il dataType impostato a jsnop
• l'opzione crossDomain impostata a true

Adesso vediamo lato server.