Récupérer le contenu d'un xml distant

Version imprimable

19/10/2008, 18h57
sara21

Récupérer le contenu d'un xml distant

Salut,

Est-ce que c'est possible de récupérer le contenu d'un fichier XML distant et le mettre dans une zone de texte (textarea) en utilisant javascript ou bien ajax ?

J'ai essayé plein d'exemples mais rien ne marche :?

ps : je suis nulle en ajax je copie juste les codes des exemples pour les testés mais j'oubtien rien

Merci d'avance pour votre aide
19/10/2008, 21h07
JeitEmgie
Citation:

Envoyé par sara21

Salut,

Est-ce que c'est possible de récupérer le contenu d'un fichier XML distant et le mettre dans une zone de texte (textarea) en utilisant javascript ou bien ajax ?

J'ai essayé plein d'exemples mais rien ne marche :?

ps : je suis nulle en ajax je copie juste les codes des exemples pour les testés mais j'oubtien rien

Merci d'avance pour votre aide

par exemple avec jQuery :
Code:

1 2 3 4 5 6 $.get("URL_OF_REMOTE_XML", { dataType: "xml" }, function(xmlReturnVal){ if (xmlReturnVal != null) { $("#ID_OF_TEXT_AREA").html( xmlReturnVal ) ; } });

Bonsoir,

j'ai essayé ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<textarea name="txt1" id="txt1" cols="50" rows="5"></textarea>
<script type="text/javascript">
$.get("http://alloshare.com/data.xml", { dataType: "xml" }, function(xmlReturnVal){ 
  if (xmlReturnVal != null) {            
    $("#txt1").html( xmlReturnVal ) ;
  }
});
</script>
</body>
</html>

avec le version 1.2.6 de jQuery mais le textArea reste vide

20/10/2008, 08h46
SpaceFrog

ce ne serait pas value plutot pour un textarea ?

Citation:
Envoyé par sara21
Bonsoir,

j'ai essayé ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html> <head> <script type="text/javascript" src="jquery.js"></script> </head> <body> <textarea name="txt1" id="txt1" cols="50" rows="5"></textarea> <script type="text/javascript"> $.get("http://alloshare.com/data.xml", { dataType: "xml" }, function(xmlReturnVal){ if (xmlReturnVal != null) { $("#txt1").html( xmlReturnVal ) ; } }); </script> </body> </html>
avec le version 1.2.6 de jQuery mais le textArea reste vide
ça fonctionne ici avec 2 différences :

a. le $.get est dans le document.ready() de jquery :
Code:

1 2 3 4 $(function(){ $.get … }
b. l'url est un php qui génère un xml et non un fichier xml…

(à mon avis cela vient du b. … en déchargeant le fichier le header http est
Content-Type: application/xml
avec le PHP c'est
Content-Type: text/html
)

20/10/2008, 09h18
DoubleU

Plutot que d'utiliser JQuery juste pour ca, regarde ici comment faire ca à la main
20/10/2008, 10h16
Bovino
Citation:

Envoyé par DoubleU

Plutot que d'utiliser JQuery juste pour ca, regarde ici comment faire ca à la main

Entièrement d'accord.

Sinon,
Code:

1 2 3 4 5 $.get("http://alloshare.com/data.xml", { dataType: "xml" }, function(xmlReturnVal){ if (xmlReturnVal != null) { $("#txt1").html( xmlReturnVal ) ; } });
Si ton xml est en dehors de ton domaine, c'est normal que tu ne puisses pas le récupérer, javascript ne permet pas de récupérer des données hors domaine (Same Origin Policy).
20/10/2008, 11h15
sara21

Oui effectivement le fichier XML n’est pas sur mon domaine.
Je peux récupérer son contenu avec php mais le contenu change selon l’ip du visiteur, et j’aimerais que chaque visiteur de mon site puisse l’ouvrir par son ip et ensuite m’envoi ce contenu à mon script pour le traiter.

Est-ce que cette méthode peut marcher dans ce cas ?

Citation:

Envoyé par DoubleU

Plutot que d'utiliser JQuery juste pour ca, regarde ici comment faire ca à la main
25/10/2008, 10h25
JeitEmgie

Citation:

Envoyé par sara21

Oui effectivement le fichier XML n’est pas sur mon domaine.
Je peux récupérer son contenu avec php mais le contenu change selon l’ip du visiteur, et j’aimerais que chaque visiteur de mon site puisse l’ouvrir par son ip et ensuite m’envoi ce contenu à mon script pour le traiter.

Est-ce que cette méthode peut marcher dans ce cas ?

pas de manière simple et transparente pour l'utilisateur…

ce genre de services (dépendant de l'ip du browser…) devrait renvoyer du JSON et non du XML…
auquel cas jQuery.getJSON (ou le "getJSON" celui d'une autre lib) résolverait votre problème…

Salut,
J’ai essayé de trouver des exemples avec JSON mais sans résultats par contre j’ai découvert la fonction load mais ça ne marche pas pour les XML !

Exemple avec un fichier XML distant : Ne marche pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
 
<body>
<div id="div1"></div>
<script type="text/javascript">
//<![CDATA[
$('#div1').load('http://alloshare.com/data.xml');
// ]]>
</script>
</body>
</html>

Exemple avec un fichier html distant : Marche

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
 
<body>
<div id="div1"></div>
<script type="text/javascript">
//<![CDATA[
$('#div1').load('http://www.developpez.com/index.php');
// ]]>
</script>
</body>
</html>

Pouvais vous me donner un exemple sur l’utilisation de JSON avec mon cas ?

26/10/2008, 12h25
JeitEmgie

Citation:

Envoyé par sara21

Pouvais vous me donner un exemple sur l’utilisation de JSON avec mon cas ?

alloshare.com a une version JSON de leur service ?
26/10/2008, 14h41
sara21

Citation:

Envoyé par JeitEmgie

alloshare.com a une version JSON de leur service ?

Salut,

Non, alloshare.com est mon domaine et je l’utilise juste pour le test.

Je Cherche à trouver une fonction qui me permet de récupérer le contenu (ou bien code source) d’une page XML distante (qui n’est pas sur mon domaine) et la mettre dans un div, zone de texte, variable,….
27/10/2008, 14h26
JeitEmgie

Citation:

Envoyé par sara21

Salut,

Non, alloshare.com est mon domaine et je l’utilise juste pour le test.

Je Cherche à trouver une fonction qui me permet de récupérer le contenu (ou bien code source) d’une page XML distante (qui n’est pas sur mon domaine) et la mettre dans un div, zone de texte, variable,….

alors générez du json au lieu du xml et lisez-le avec getJSON de jQuery ou équivalent d'une autre lib JS…

sans chipotage côté config sécurité du browser client il n'est pas possible de faire du cross domaine…
27/10/2008, 15h38
Bovino

Sinon, pour le cross-domain, c'est ici

Bonsoir,

- générez du json au lieu du xml et lisez-le avec getJSON de jQuery
j’ai cherché sur le net des exemples mais sans résultats :s
- @Bovino :
J’ai essayé l’exemple de google est ca marche mais je suis coincée sur la partie affichage du contenu XML de mon exemple. Sur la zone de texte de tape le nom du fichier 'data.xml'
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script> function call_suggest(e){ var s = document.createElement("script"); s.setAttribute("type", "text/javascript"); s.setAttribute("src", "'http://alloshare.com/" + e); document.getElementsByTagName("head")[0].appendChild(s); } </script> </head> <body> <br/><br/> <input id="f" onkeypress="call_suggest(this.value)" /> <div id="s" /> </body> </html> <script> var s = document.getElementById("s");</script>

Salut,

Je viens de trouver une solution à mon problème mais ça marche seulement pour Internet Explorer !
Comment la rendre compatible avec FireFox ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text</title>
</head>
 
<body>
<script type="text/javascript">
function InitHTTPReq() 
	{ 
	HTTPreq = false; 
	if(window.XMLHttpRequest) 
		{ 
		try { HTTPreq = new XMLHttpRequest(); } 
		catch(e) { HTTPreq = false; } 
		} 
	else if(window.ActiveXObject) 
		{ 
		try { HTTPreq = new ActiveXObject("Msxml2.XMLHTTP"); } 
		catch(e) 
			{ 
			try { HTTPreq = new ActiveXObject("Microsoft.XMLHTTP"); } 
			catch(E) { HTTPreq = false; } 
			} 
		} 
	if(HTTPreq) 
		{ 
		/* La on defini quel est la fonction qui ecoute les changement d'état de la requete */ 
		HTTPreq.onreadystatechange = ReadyStateChange; 
		window.alert('objet XMLReq créé, envois de la requete.'); 
		HTTPreq.open("GET", 'http://www.alloshare.com/data.xml', true); 
		HTTPreq.send(null); 
		return true; 
		} 
	return false; 
	} 
 
function ReadyStateChange() 
	{ 
	if (HTTPreq.readyState == 4) 
		{ 
		window.alert('Les infos sont chargées'); 
		if(HTTPreq.responseXML == null) 
			window.alert('Erreur : les infos recu ne sont pas du xml'); 
		else 
			window.alert('les infos recu sont du xml'); 
		document.getElementById("txt").value=HTTPreq.responseText;
		} 
	} 
</script>
<input name="aa" type="button" value="Afficher" onclick="InitHTTPReq()"/>
<input name="txt" type="text" value="" size="80" />
</body>
</html>

27/10/2008, 20h21
Bovino

Ben ça dépend (ça dépasse forcément :mrgreen: ) que se passe-t-il sous FF ?
27/10/2008, 23h06
sara21

sous FF la zone de texte reste vide.

même si j'essaye d'ouvrir un fichier XML sous FF la page reste blanche alors que sur IE le contenu du fichier XML est visible!! c'est un problème chez moi ou bien FF n'autorise pas l'affichage des fichiers XML?
28/10/2008, 15h30
JeitEmgie

Citation:

Envoyé par Bovino

Ben ça dépend (ça dépasse forcément :mrgreen: ) que se passe-t-il sous FF ?

Erreur*: uncaught exception: Access to restricted URI denied (NS_ERROR_DOM_BAD_URI)

… of course…