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.

Il file PHP che viene richiamato dovrà rispondere con una "struttura" adeguata:

if(isset($_GET['nome'])) {
    echo $_GET['callback'] . '(' . "{'nome' : $_GET['nome']}" . ')';
}

Se tutto è andato bene dovrebbe comparire l'alert con il nostro nome.

Enjoy!