Discussion :

[r83]

Bonsoir,

J'ai un fichier XML suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<racine>
	<personne>
         <nom>toto</nom>
         <prenom>pretoto</prenom>
	</personne>
    <personne>
         <nom>titi</nom>
         <prenom>pretiti</prenom>
    </personne>
. . . . . . . . .
</racine>

J'aimerais le parcourir personne par personne, je fais donc :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var lesPersonnes=docXML.getElementsByTagName('personne');
 
for(i .......)
{
var unePersonne=lesPersonnes[i];
var lesNoms=unePersonne.getElementsByTagName('nom');
leNom=lesNoms[0].firstChild.nodeValue;
var lesPrenoms=unePersonne.getElementsByTagName('prenom');
lePrenom=lesPrenoms[0].firstChild.nodeValue;
.......
}

ça marche, mais je pense qu'on peut faire beaucoup mieux..... car pour chaque personne je n'ai qu'un seul nom et qu'un seul prenom, et donc c'est pas top de passer par une collection....
De plus il faut que je répète la manip pour chaque balise de personne (nom, prenom, adresse, mail, tel,....).
Je sais que je peux utiliser la même collection, successivement pour les noms, prenom,... mais ça ne change rien au fond du problème.
merci de m'éclairer et de m'aider à optimiser ce code.

[dukej]

La récupération de data depuis un XML à la main en JS m'a cassé tellement les pieds qu'au final j'avais codé une fonction récursive qui transforme un XML en objet javascript.

Code :

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
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
56
57
58
59
60
61
62
63
64
65
 
/* XMLF : 
	objet de parcours du DOM XML 
	getContent(node) : retourne la valeur du noeud. // gere les values simples ou les CDATA
	xml2obj(node) : retourne un objet depuis le noeud XML passé en parametre
*/
var XMLF = {
	xml2obj : function(node, arrayForcedNodes) {
		var arrayForced = arrayForcedNodes ? new RegExp('\\b(' + arrayForcedNodes.join('|') + ')\\b') : null;
		var x2o = XMLF.xml2obj;
		var obj = {};
 
		var xmlNodes = 0;
		for (var i=0; i<node.childNodes.length; i++) {
			var n = node.childNodes[i];
			var name = n.nodeName;
			if (n.nodeType==1) {
				xmlNodes++;
				if (obj[name]==null) {
					var tmpObj = x2o(n,arrayForcedNodes);
					obj[name] = arrayForced && name.match(arrayForced) ? [tmpObj] : tmpObj;
				} else {
					if(!(obj[name] instanceof Array)) {
						obj[name]=[obj[name]];
					}
					obj[name].push(x2o(n,arrayForcedNodes));
				}
			}
		}
		if (xmlNodes==0) {
			var val = XMLF.getContent(node);
			if (!val) {
				if (node.attributes.length==0) {
					val = '';
				} else {
					var val = {};
					val._attributes = XMLF.getAttributes(node);
				}
			} else if (val.match(/^\s*true|false\s*$/))  {
				val=eval(val);
			}
			return val;
		} else if(node.attributes && node.attributes.length>0) {
			obj._attributes = XMLF.getAttributes(node);
		}
 
		return obj
	},
	getContent : function(node) {
		var str = [];
		for (var i=0; i<node.childNodes.length; i++) {
			str.push(node.childNodes[i].nodeValue);
		}
		return str.join('');
	},
 
	getAttributes : function(node) {
		var val = {};
		for (var i=0; i<node.attributes.length; i++) {
			var attr = node.attributes[i];
			val[attr.nodeName] = attr.nodeValue;
		}
		return val;
	}
}

Pour l'utiliser :

Code :

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

1
2
3
 
myObj = XMLF.xml2obj(docxml);
console.log(myObj);

Je te conseille néanmoins d'utiliser firebug afin de bien voir l'objet généré, en faisant un console.log() tu obtiendras un lien sur l'objet dans la console de firebug, et ainsi tu pourras parcourir l'objet et voir le résultat. Tu auras directement un tableau d'objets "personne" avec les propriétés nom,prenom, etc...

Attention mon objet génère un tableau à partir du moment ou il trouve 2 éléments qui portent le même nom quand ils se trouvent à l'intérieur d'un noeud.
il y a moyen de forcer un "noeud" automatiquement en tableau en passant à la fonction une liste de noeud qui seront transformé obligatoirement en tableau, même s'il n'y a qu'une seul noeud.

ex :

Code :

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

1
2
3
 
myObj = XMLF.xml2obj(docxml, ['nom', 'prenom']);
console.log(myObj);

dans cet exemple, nom et prenom seront obligatoirement des tableaux.

Un exemple avec ton xml :

Code :

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
 
<?xml version="1.0" encoding="utf-8"?>
<racine>
	<personne>
         <nom>toto</nom>
         <prenom>pretoto</prenom>
	</personne>
    <personne>
         <nom>titi</nom>
         <prenom>pretiti</prenom>
    </personne>
    <personne>
         <nom>mamam</nom>
         <prenom>blabla</prenom>
    </personne>
</racine>

Au final j'obtiens ça :


Au final au niveau code JS pour récupérer et lire le XML ça donne :
(j'admet dans un premier temps que tu as chargé ton xml via ajax)

Code :

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

1
2
3
4
5
6
7
8
9
10
 
myObj = XMLF.xml2obj(monXmlDePersonnes);
//Ensuite tu auras accès à toutes les propriétés de l'objet, les noeuds sont devenus des propriétés : 
myObj.racine; //la racine
myObj.racine.personne; //le tableau de personnes
 
for (var i=0; i<myObj.racine.personne.length; i++) {
   var unePersonne = myObj.racine.personne[i];
   console.log(unePersonne.nom,unePersonne.prenom);
}

[r83]

Bonjour,

Effectivement, ce n'est pas simple.... Je vais étudier le code.
Je te remercie pour cette réponse fort complète.
Bonne journée

[dukej]

Bonjour,

Effectivement, ce n'est pas simple.... Je vais étudier le code.
Je te remercie pour cette réponse fort complète.
Bonne journée

Nan mais au final c'est super simple, tu utilises ma fonction qui transforme un XML en objet, et tu utilises l'exemple que je t'ai donné pour transformer ton XML en JS puis pour le lire.

Tu as juste à copier-coller et c'est torché pour toi.

[jaljal]

Bonjour,

Avec la librairie JQUERY, ça sera plus simple

[dukej]

Bonjour,

Avec la librairie JQUERY, ça sera plus simple

Ta réponse est un peu trop facile là, et j'aimerai bien voir comment

Et surtout utiliser une enclume pour écraser un moucheron

[jaljal]

Avec Jquery, pour charger un fichier XML , on écrit :

Code :

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

1
2
3
4
5
6
7
8
9
 
$(document).ready(function() {
 
$.get('d.xml', function(data) { 
 
//Le traitement voulu ici 
});
 
});

Pour chercher la valeur d'une balise 'entry', on écrit

Code :

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

$(data).find('entry')

VOILA

[Bovino]

m'aider à optimiser ce code.

Avec la librairie JQUERY, ça sera plus simple

Je vois mal en quoi rajouter un traitement jQuery peut être considéré comme une optimisation...

[974misslovely]

Bonjour,

xml2obj est super!!!

cordialement