[Résolu] Comment lire XML à plusieurs niveaux

Bonjour à tous,

Je sèche méchamment pour parser un fichier xml.

Le résultat ici: xml_lire_avec_jquery.htm

Voici la partie qui me pose problème:

	<prediccion>
		<dia fecha="2016-03-15">
			<cota_nieve_prov periodo="00-24"></cota_nieve_prov>
			<cota_nieve_prov periodo="00-12"></cota_nieve_prov>
			<cota_nieve_prov periodo="12-24">1300</cota_nieve_prov>
			<cota_nieve_prov periodo="00-06"></cota_nieve_prov>
			<cota_nieve_prov periodo="06-12">900</cota_nieve_prov>
			<cota_nieve_prov periodo="12-18">1200</cota_nieve_prov>
			<cota_nieve_prov periodo="18-24">1400</cota_nieve_prov>
		</dia>
		<dia fecha="2016-03-16">
			<cota_nieve_prov periodo="00-24">1200</cota_nieve_prov>
			<cota_nieve_prov periodo="00-12">1300</cota_nieve_prov>
			<cota_nieve_prov periodo="12-24">1100</cota_nieve_prov>
			<cota_nieve_prov periodo="00-06">1400</cota_nieve_prov>
			<cota_nieve_prov periodo="06-12">1300</cota_nieve_prov>
			<cota_nieve_prov periodo="12-18">1200</cota_nieve_prov>
			<cota_nieve_prov periodo="18-24">1000</cota_nieve_prov>
		</dia>

J'arrive sans problème à prendre la date et les heures, par contre impossible de prendre le chiffre entre <cota_nieve_prov periodo="12-24"> 1300 </cota_nieve_prov>

$.ajax({
  type: "GET",
  url: "../xml/meteo.xml",
  dataType: "xml",
  success: function(xml) {
    
    $(xml).find('dia').each(
      function() {
        var date = $(this).attr('fecha');
        var neige = $(this).find('cota_nieve_prov').text();
        $('<div class="items" id="link_' + date + '"></div>').html(date).appendTo('#Div_meteo');

        $(this).find('cota_nieve_prov').each(function() {
          var periodo = $(this).attr('periodo');
          var nieve = $('cota_nieve_prov').children();

          console.log('nieve: ' + nieve);
          $('<div class="nieve"></div>').html(periodo + ' : ' + nieve + ' cm').appendTo('#Div_meteo');
        });
        
      });
  }
});

C'est au niveau de "var nieve = $('cota_nieve_prov').children();". Je ne sais pas comment récupérer cette valeur.


Y-aurait-il un tutoriel qui expliquerait en profondeur toutes les possibilités d’accéder à n'importe quel valeur d'un fichier XML.

D'avance merci à tous.
Modifié par nabucco (17 Mar 2016 - 20:37)

Salut,
je te conseil fortement de te rapprocher de $.parseXML().

JENCAL a écrit :
Salut,
je te conseil fortement de te rapprocher de $.parseXML().

Jcuicui pour ça, bof bof....

JENCAL a écrit :
Salut,
je te conseil fortement de te rapprocher de $.parseXML().

Salut,
Merci de ton commentaire. Mais ça n'apporte aucune solution à mon problème.

J'arrive bien à accéder à la valeur en rouge ici <cota_nieve_prov periodo="00-24"> 1300 </cota_nieve_prov>

Le retour est le suivant: 00-24 : [object Object] cm

Pour ton info, voici le xlm concerné: http://www.aemet.es/xml/municipios/localidad_22054.xml
Modifié par nabucco (17 Mar 2016 - 21:36)

Dans [object Object] , tu as tout ton DOM... le body, le head, etc...

JENCAL a écrit :
Dans [object Object] , tu as tout ton DOM... le body, le head, etc...

JENCAL a écrit :
Dans [object Object] , tu as tout ton DOM... le body, le head, etc...

Je ne comprend rien à ce que tu racontes.

Voici ce qui ressort. Je ne vois pas comment tout le DOM pourrait se trouver dans à chaque ligne.


La structure du fichier est la suivante:

J'espère que c'est clair à présent.

Salut,

Jcuicui pour ça.... Normalement, il faudrait mettre en place un callback pour que la query Ajax soit réutilisable.
code fait de tête, je peux m'être trompé.

var xhr = new XMLHttpRequest();

xhr.open('GET', 'test.xml', true);

xhr.addEventListener("load", function(){
	if (xhr.readyState == 4 && xhr.status == 200) {
		var xml = xhr.responseXML;
		var dia = xml.querySelectorAll('prediccion dia');
		
		for(var i = 0, nbDia = dia.length; i < nbDia; i++){
			console.log(dia[ i ].getAttribute('fecha'), dia[ i ].querySelector('prediccion cota_nieve_prov[periodo="12-24"]').innerHTML);
		}
	}
	
});
xhr.send(null);

Modifié par niuxe (18 Mar 2016 - 14:42)

          var nieve = $(this).html();

          console.log('nieve: ' + nieve);

cela fonctionne.

JENCAL a écrit :

          var nieve = $(this).html();
          console.log('nieve: ' + nieve);

cela fonctionne.

Super merci, en effet c'est exactement ce qui me manquait.

Merci Jencal.

nabucco a écrit :


Voici ce qui ressort. Je ne vois pas comment tout le DOM pourrait se trouver dans à chaque ligne.

je parlais bien entendu du DOM xml qui se trouvait dans le DOM html de la page hein

Bonjour,

En fait la réponse était dans la question, il s'agissait en gros de ta variable neige qui n'était pas utilisée et surtout pas dans la boucle...

$(this).text() // devrait également fonctionner