Récupérer les noeuds AJAX

Version imprimable

Bonjour
Je voudrais créer un tableau en HTML (<table>...</table) en JavaScript à partir d'un requête AJAX. Mon problème se situe au niveau de la récupération des données de la requête dans docXML.
Les données se présentent de cette façon
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <data> <itemSem> <jour>Lundi</jour> <Tmidi>291</Tmidi> <OMidi>34</OMidi> <Tsoir>131</Tsoir> etc... </itemSem> <itemSem> <jour>Mardi</jour> <Tmidi>401</Tmidi> <OMidi>37</OMidi> <Tsoir>156</Tsoir> etc... </itemSem> etc... </data>
etc... veut dire que le nombre de nœuds peut être variable.
Avec le code suivant, j'arrive à récupérer la liste des <jour> (Lundi,Mardi)
Code:

1 2 3 4 5 for (i=0;i<docXML.getElementsByTagName("itemSem").length;i++) { tb=docXML.getElementsByTagName("itemSem").item(i).firstElementChild.firstChild.data; }
Mais comment récupérer par une boucle imbriquée les valeurs de Tmidi,Omidi,Tsoir, etc...?

10/07/2016, 13h27
mathieu

qu'obtenez vous si vous regarder le contenu de la variable avec console.log(tb); ?

Après quelques recherches, j'ai trouvé la solution (i parcourt les lignes; j parcourt les colonnes):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function remplirTable (tb) 
	var table = document.getElementById(tb).tBodies.item(0);
	 for (i=0;i<docXML.getElementsByTagName("item").length;i++)
    	{
			var row = table.insertRow();    
			for (j=0;j<docXML.getElementsByTagName("itemSem").item(i).children.length;j++)
			{
							var cell = row.insertCell(-1);
							cell.innerHTML = docXML.getElementsByTagName("itemSem").item(i).children.item(j).firstChild.data
			}
	}