[AJAX] Parser du XML

Version imprimable

Je n'arrive pas à lister les films et leur code de cette arborescence XML
Mon document xml crée via ajax est

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<MesFilms>
<Film>
<Nom>Ok Coral</Nom>
<Code>59</Code>
</Film>
<Film>
<Nom>Blue Star</Nom>
<Code>60</Code>
</Film>
</MesFilms>

J'affiche bien le contenu texte du document et le nombre de noeuds mais j'obtiens undefined ou autre messages d'erreurs pour l'affichage de reponse.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<SCRIPT TYPE="text/javascript" LANGUAGE="Javascript"> 
var text=document.getElementById("ID_films");
function reponse (transport){
 
		var docXML=transport.responseXML;
		var docText=transport.responseText;
		alert("Document : \n\n" + docText);
		var nbfils = docXML.firstChild.childNodes.length;
		alert("Nombre de noeuds fils = " + nbfils);
 
		var reponse = "";
		for ($i=0; $i<nbfils; $i++) {
			if ($i != 0) reponse += "\n";
			reponse += docXML.childNodes[0].childNodes[$i].value;	
              }
 
              alert(reponse);

Merci pour votre aide

27/03/2009, 22h54
Bovino

Code:

var nbfils = docXML.firstChild.childNodes.length;

Attention, à part IE, les navigateurs interprètent les sauts de ligne comme des noeuds, donc dans ton code, docXML.firstChild et un retour chariot et n'a donc pas de noeud enfant !

... donc traitement sur le server ou côté client:
Code:

1 2 3 4 5 var docText=transport.responseText; docText=docText.replace(/>\s+</g, "><"); ... et tu crées docXML à partir du nouveau docText
ERE

Alors là je suis completement perdu

Voici ci-dessous le code complet de mon appli.

Cela fonctionne correctement sous Firefox mais pas sous IE
Si je mets un alert(nbfils), je trouve un nombre correct pour Firefox mais la valeur 0 pour IE. Problemes de noeuds, espaces sous IE mais je n'arrive pas à corriger...

Mon code :

On saisis un nom de ville et à partir de la troisième lettre, et pour chaque caractère frappé, on appelle la fonction alors() qui en ajax interroge une table de codes postaux. Un fichier xml est généré puis parsé sur le client pour extraction du code postal. (Il y a plus simple, mais c'est exercice imposé ;))
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 <script type="text/javascript" src="prototype.js"></script> <input type="text" id="ID_VILLE" value="" name="nom" /> <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript"> var text=document.getElementById("ID_VILLE"); function reponse (transport){ var docXML=transport.responseXML; var nbfils = docXML.firstChild.childNodes.length; var reponse = ""; for ($i=0; $i<nbfils; $i++) { if ($i != 0) reponse += "\n"; reponse += docXML.firstChild.childNodes[$i].childNodes[0].childNodes[0].nodeValue+'<br>'; } document.getElementById("codes").innerHTML=reponse; } function alors() { new Ajax.Request('hello.php',{ method:'get', parameters: {nom : document.getElementById("ID_VILLE").value}, onSuccess: reponse, onFailure:function (){ alert("le fichier hello.php n'existe pas")} }); } text.onkeyup=function(){ if(text.value.length>2){ alors(); } } </SCRIPT> <p>Codes Postaux<p/> <div id="codes"></div>
et hello.php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <?php if (isset($_GET['nom'])) $nom=$_GET['nom']; else echo "Passer un nom en parametre"; $connexionDB=mysql_connect("localhost","root",""); mysql_select_db("codes_postaux")or die('Erreur de selection '.mysql_error()); $sql = 'SELECT `code`, `ville` FROM `codes_postaux` WHERE `ville` LIKE \''.$nom.'%\''; $resultat=mysql_query($sql) or die('Erreur de requête '.mysql_error()); $tmp='<LesVilles>'; while ($row = mysql_fetch_assoc($resultat)) { $ville=$row['ville']; $code=$row['code']; $tmp = $tmp ."<Ville><Code>".$code."</Code><Nom>".$ville."</Nom></Ville>"; } $tmp = $tmp ."</LesVilles>"; header('Content-type: text/xml'); $xml = simplexml_load_string($tmp); echo $xml->asXML(); mysql_close($connexionDB); ?>
Tout cela fonctionne merveilleusement bien avec un onkeyup sur Firefox mais pas sous IE
Le unkeypress ne fonctionne pas ds les 2 navigateurs.