Traiter et injecter du XML dans du HTML en "live"

Bonjour :)

Alors voila mon petit problème :

Je suis actuellement en train de coder une e-boutique basée sur la technologie Ajax histoire de me faire la main :)

Mais j'éprouve quelques difficultés à traiter la réponse XML que je recois apres ma requete en XMLHTTP :/

J'ai beau jouer avec les documentElement, les getElementsByTagName, les hasChildNodes etc etc, je n'arrive pas a retirer l'information que je veux...

En fait j'y arrive pas du tout ^^ Au départ, j'ai bien contourné le pb en traitant un responseText, mais c'est assez lourd...

help me :)

En sachant que le fichier xml retourné est du style :

Code:

---

1 2 3 4 5

<produit> <id>26</id> <nom>Mon joli produit</nom> </produit>

---

Comment puis je faire pour récupérer "26" et "Mon joli produit" dans des variables en javascript afin de pouvoir les injecter dans mon HTML par apres ?

Merci par avance de votre aide :)

edit: aurtokraff

Citation:

---

Envoyé par narnou

En sachant que le fichier xml retourné est du style :

Code:

---

1 2 3 4 5

<produit> <id>26</id> <nom>Mon joli produit</nom> </produit>

---

---

:arrow:

Code:

---

1 2	docXML.getElementsByTagName('nom')[0].firstChild.data

---

Tu es sur que ton XML est bien formé (en-tête XML, encodage en UTF8, type MIME correct)?

Je suis certain que mon document XML est bien formé oui :)

C'est moi le noob, getElementsByTagName renvoye un tableau, et j'essayais d'acceder au contenu sans indiquer d'index... alors évidemment...

Enfin la je vais manger donc j'essayerai apres, mais je pense que ca devrait rouler :)

Je vous tiens au courant, merci :p

Bon c'est ok, j'ai réussi a ressortir mes informations, j'espère que je n'aurai pas trop de mal à les réinjecter après :p

Par contre, je voudrais mourrir moins con, car je pense que y'a quand meme quelque chose qui m'échappe :/

Avec un fichier xml du style :

Code:

---

1 2 3 4 5

<produit> <id>26</id> <nom>Mon joli produit</id> </produit>

---

Alors pour cette ligne :

Code:

---

1 2	DocXML.getElementsByTagName('nom')[0].firstChild.data

---

DocXML représente bien le responseXML de mon instance de l'objet xmlhttp.

getElementsByTagName('nom') cible les éléments "<nom>Mon joli produit</nom>" de mon fichier

[0] car c'est en fait une liste, vu qu'il pourrait y avoir plusieurs éléments "nom"

data pour les données se trouvant encapsulées dans l'élément ok


Si je me suis pas planté, alors je ne comprends pas bien le firstChild :/ quelqu'un pourrait m'éclairer ? ca me perturbe un peu :'(

Citation:

---

Envoyé par narnou

Par contre, je voudrais mourrir moins con, car je pense que y'a quand meme quelque chose qui m'échappe :/

---

Tout à ton honneur :wink:

Citation:

---

Envoyé par narnou

getElementsByTagName('nom') cible les éléments "<nom>Mon joli produit</nom>" de mon fichier

[0] car c'est en fait une liste, vu qu'il pourrait y avoir plusieurs éléments "nom"

data pour les données se trouvant encapsulées dans l'élément ok


Si je me suis pas planté, alors je ne comprends pas bien le firstChild :/ quelqu'un pourrait m'éclairer ? ca me perturbe un peu :'(

---

Pas tout à fait.

En fait ton document DOM a cette forme:

Code:

---

1 2 3 4 5 6 7 8

produit | |--id | |--Noeud Text (data=26) | |--nom |--Noeud Text (data=Mon joli produit)

---

Donc getElementsByTagName te renvoie la liste des Noeuds éléments qui ont comme tag nom (ou id). Tu prends le premier de ces noeuds.
Et le firstChild de ce Noeud élement est un Noeud texte, dont la valeur est dans l'attribut data. Depuis le Noeud élement, tu ne peux pas acceder directement au texte contenu dans le noeud.

(PS: en fait pour vraiment tout te dire tu peux le faire, mais uniquement en DOM 3, qui n'est pas implementé partout, particulièrement dans IE, avec la propriété textContent)

Merci :)

J'ai en effet mieux capté :p Je ne pensais pas que le texte était un noeud a par entière, mais plutot une propriété du noeud nom ou id :/

Enfin ca va la c'est parfait :p