Discussion :

[sorry60]

Bonjour,

Je cherche à faire une requete AJAX cross-domain. Mais comme je l'ai lu dans pas mal d'endroits, c'est impossible avec XMLHttpRequest.

En revanche, j'ai lu plusieurs pistes :
- par proxy
- avec JSON

Si vous pouviez un peu m'éclaircir les idées, car là j'avoue que ça me depasse un peu...
Merci
Sorry

[denisC]

- par proxy

Il suffit de mettre une page PHP sur ton serveur qui va chercher une page ailleurs sur le web.

- avec JSON

Il dit qu'il voit pas le rapport... Javascript Object Notation? Mais qu'est ce que ça vient faire la dedans?

[d-Rek]

JSON est la syntaxe d'échanges de données.. elle te permet de passer des tableaux et autres variables que tu pourra directement intégrer à ton code car c'est supporté nativement par JS.

Voici une classe HTTP et le proxy PHP pour faire du cross domain.
Par contre, pour l'avoir essayé, je trouve que cela a ses limites..
http://www.troywolf.com/articles/

Attention : L'include de la cible, comme je l'avais conçu à la base, ne transfère par tous les headers HTTP

[sorry60]

Ok donc si j'ai bien compris, l'unique solution c'est par proxy, c'est à dire en passant par un fichier PHP se trouvant sur le même serveur que le JS

[sorry60]

Il dit qu'il voit pas le rapport... Javascript Object Notation? Mais qu'est ce que ça vient faire la dedans?

Je parle de ça : Cross domain JSON

[Taum]

Ok donc si j'ai bien compris, l'unique solution c'est par proxy, c'est à dire en passant par un fichier PHP se trouvant sur le même serveur que le JS

Effectivement c'est le seul moyen pour utiliser XmlHttpRequest (enfin PHP ou une autre technologie serveur, mais il faut obligatoirement que ça se passe sur le même serveur que la page).


Le "Cross domain JSON" est un autre moyen qui n'utilise pas l'objet XmlHttpRequest mais qui a la place crée un tag <script> dynamiquement avec une url de fichier externe. Le navigateur va alors charger et exécuter ce script, comme n'importe quel tag <script> crée non-dynamiquement. C'est très bien expliqué dans l'article que tu as linké

[sorry60]

Le "Cross domain JSON" est un autre moyen qui n'utilise pas l'objet XmlHttpRequest mais qui a la place crée un tag <script> dynamiquement avec une url de fichier externe. Le navigateur va alors charger et exécuter ce script, comme n'importe quel tag <script> crée non-dynamiquement. C'est très bien expliqué dans l'article que tu as linké

Ok mais dans ce cas, le script du serveurA appelle un javascript sur le serveurB hors domaine ? ou n'importe quel autre script (php par exemple) ?

[d-Rek]

Ok mais dans ce cas, le script du serveurA appelle un javascript sur le serveurB hors domaine ? -> Oui
ou n'importe quel autre script (php par exemple) ? -> quel en est l'intérêt ?

Le délire, c'est que (si j'ai bien compris) le script JS appelé est localisé sur la machine cible/le domaine cible. Du coup, le JS a les droits.
("On a les droits ! Et pour pas cher en plus !")

[sorry60]

Je viens d'essayer quelque chose :

serveurA : avec JSON je charge un script.js situé sur un serveurB (hors domaine)
serveurB : le script.js envoie une requete grace à XMLHttpRequest à script.php situé sur CE MEME serveurB.

Resultat : permission refusée d'appeler la méthode XMLHttpRequest.open

Donc on a pas les droits !

Rectification : avec IE ça passe, mais pas avec Firefox

[d-Rek]

En même temps tous les sites de comparateurs de prix utilisent ce système de cross domain sous forme d'API.
C'est de la lecture de flux XML ou JSON peu importe.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<?php
// exemple proxy.php
//
// javascript peut communiquer avec ce script hébergé sur le même nom de domaine
// http://www.serveur_a.com/proxy.php?action=toto&name=Youpla
//
 
header('Content-Type: text/xml; charset=UTF-8'); // pour du XML
readfile('http://www.serveur_b.com/script.php?' . $_SERVER['QUERY_STRING']);
 
?>

[sorry60]

Mais c'est pas possible que le JSON load un script autre que js ? un script qui s'execute coté serveur et non coté client

[d-Rek]

JSON load rien du tout, c'est une syntaxe d'écriture de données..

Code JSON :

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

{ "Status": 1, "Id": 1, "Email": "toto@toto.fr", "Password": "toto" }

C'est supporté nativement par Javascript..

Code :

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

var res = eval('('+xhr.responseText+')');

res devient un tableau contenant les clés Status, Id, Email, etc.. et leur valeurs
Tu y accèdes désormais par res.Email ..

Mais c'est lisible par d'autres langages comme PHP

Sinon pour rechercher la lib suivant ton langage, tu demandes à mon pote Google ton_langage + "librairie JSON" (il aime qu'on lui parle petit nègre)

[sorry60]

Là je crois qu'on s'ecarte un peu du sujet

SI j'ai bien compris, JSON ne permet pas de faire des requetes cross-domain ?
Car mon but c'est qu'un script.js se trouvant sur un serveur A, transmette une donnée à un serveur B pour que celui ci la traite. Il n'y a pas de transmission B => A, mais juste A => B.

[d-Rek]

Et bien utilise mon script PHP pour transmettre ta requête au Serveur B et dans ton script Serveur A, tu n'attends pas de réponse. Voilà tout !

Ton JS (sur le Serveur A) attaque proxy.php (sur le Serveur A) qui s'occupe de transférer les données au Serveur B.


Je ne connais pas bien la technique de Cross domain JSON expliquée sur http://snook.ca/archives/javascript/cross_domain_aj/

[sorry60]

Et bien utilise mon script PHP pour transmettre ta requête au Serveur B et dans ton script Serveur A, tu n'attends pas de réponse. Voilà tout !

Ton JS (sur le Serveur A) attaque proxy.php (sur le Serveur A) qui s'occupe de transférer les données au Serveur B.


Je ne connais pas bien la technique de Cross domain JSON expliquée sur http://snook.ca/archives/javascript/cross_domain_aj/

Eh non justement, sur le serveurA, je n'ai que le JS, rien d'autre, sinon ça aurait été facile

[d-Rek]

Ton serveur A est un IIS ?

[sorry60]

Non Apache pourquoi ?

[sorry60]

J'ai essayé un simple :

JS (serveur A)

Code :

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

1
2
 
document.location = "http://serveurB/script.php?donnee=toto";

Mais ça ne fonctionne pas à tous les coups

[d-Rek]

Bon je te conseille de revoir les tuto sur l'ajax

Code Javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function getXhr(){
	var xhr = null;
	if(window.XMLHttpRequest){ //Firefox et autres
		xhr = new XMLHttpRequest();
	}else if(window.ActiveXObject){ //Internet Explorer
		try{xhr = new ActiveXObject("Msxml2.XMLHTTP");}
		catch(e){xhr = new ActiveXObject("Microsoft.XMLHTTP");}
	}else{
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		xhr = false;
	}
	return xhr;
}
 
function ajax(){
		var xhr=getXhr();
		xhr.open("GET", "proxy.php?param=toto", true);
		xhr.send(null);
}

La tu balances en GET des info à proxy donc à Serveur B et tu te fiches du résultats (affiché sur Serveur B et relayé par proxy.php)

Si tu es sur un Apache, tu peux créer une page proxy.php comme je te l'ai dit !

Désolé, mais ça sera ma dernière réponse pour ton problème.
Revoie les tuto ajax et pose nous une vraie question.

[sorry60]

Arrettez moi si je me trompe mais le proxy ne doit pas se trouver sur le meme domaine que le serveurA plutot ? et donc ainsi faire :

JS (serveurA) ==AJAX==> proxy (serveurA) ==> PHP (serveur B)