Ajax inter domaine

**ouioui2000** · 27/06/2015, 10h26

Bonjour,

Je veux utiliser Ajax pour charger des données issu d'un premier serveur "www.sitePourLogin.fr" depuis un second serveur "www.mySite.fr"

Si j'utilise Ajax simplement sur le server www.mySite.fr

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
    $.ajax({type: 'POST', url : 'www.sitePourLogin.fr/formlogin',cache: false, 
    success: function(data){ 
    console.log(data);
        if (data=='KO') { 
            alert('Pas de login');
        } else {
            $('#login').html(data);
        }
    }
});

J'ai l'erreur suivante :

XMLHttpRequest cannot load http://www.sitePourLogin.fr/formlogin. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.mySite.fr' is therefore not allowed access.

Après recherche, il semble XMLHttpRequest utilisé entre différents domaines est interdit pour des raisons de sécurités. J'ai lu qu'il faut passer par du jsonp
J'ai donc codé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
    $.ajax({type: 'POST', url : 'www.sitePourLogin.fr/formlogin',cache: false, 
        dataType:'JSONP' ,
        contentType:"application/json; charset=utf-8",
    success: function(data){ 
    console.log(data);
        if (data=='KO') { 
            alert('Pas de login');
        } else {
            $('#login').html(data);
        }
    }
});