Discussion :

[Cisman]

Bonjour, j
j'ai une fonction qui lit un fichier xml (litDonnees(), après le lecture de ce fichier, je dois mettre à jour un objet valeursCourantes avec les données lues en xml.
Problème, tant que je reste dans ma fonction litDonnees, les console.log me renvoient bien les données lue en xml.
une fois en dehors de cette fonction, quand j'essaie de faire un console.log plusieurs essaie comme ci-dessous, j'ai un undefined pour litDonnees.

mon xml:

Code XML :

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

1
2
3
4
5
6
7
8
<?xml version="1.0" encoding="utf-8"?>
<meteo xsi:noNamespaceSchemaLocation="XSD.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <vent>41</vent>
  <pression>1040</pression>
  <temp>-6</temp>
  <visibilite >4.2</visibilite>
  <nuage>apocalypse</nuage>
</meteo>

mon JS:

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
//table d'association des valeurs
var valeursCourantes = {
    temp : -42,
    vent : 10,
    visibilite : 5,
    pression : 1013,
    nuage : "gris"
  }
 
//lecture d'un document xml et affichage dans la console
function litDonnees() {
    $.get("donnees.xml", function(xmlDocument) {
        //console.log(xmlDocument)
        $(xmlDocument).find("meteo").each (function() {
            valeursCourantes.vent = $(this).find("vent").text();
            console.log(valeursCourantes.vent);
            valeursCourantes.pression = $(this).find("pression").text();
            console.log(valeursCourantes.pression);
            valeursCourantes.temp = $(this).find("temp").text();
            console.log(valeursCourantes.temp);
            valeursCourantes.visibilite = $(this).find("visibilite").text();
            console.log(valeursCourantes.visibilite);
            valeursCourantes.nuage = $(this).find("nuage").text();
            console.log(valeursCourantes.nuage);
            var donnees = {
                vent: valeursCourantes.vent,
                pression: valeursCourantes.pression,
                temp: valeursCourantes.temp,
                visi: valeursCourantes.visibilite,
                nuage: valeursCourantes.nuage
            };
            return donnees;
        })  
    }, "xml");
}
console.log(litDonnees().vent);
console.log(litDonnees().donnees.vent);

J'ai relu la portée des variables et sur mais rien n'y fait.

[Toufik83]

Salut,

C'est un problème de synchronisation, parce que la fonction litDonnees est asynchrone, et quand tu fais appel à celle-ci, elle prend un peu de temps (en millisecondes...) pour récupérer les valeurs du xml.

Il faut soit mettre le code qui utilise les nouvelles valeurs de valeursCourantes dans le callback de get ou bien utiliser les promesses avec $.when et $.Deferred.

Edit : essaies ceci (avec les promesses) :

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
 
var valeursCourantes = {
		temp : -42,
		vent : 10,
		visibilite : 5,
		pression : 1013,
		nuage : "gris"
	  }
 
//lecture d'un document xml et affichage dans la console
function litDonnees() {
	var donnees,deferred=$.Deferred();
	$.get("donnees.xml", function(xmlDocument) {
		 $(xmlDocument).find("meteo")
		 .each (function() {
			valeursCourantes.vent = $(this).find("vent").text();
			valeursCourantes.pression = $(this).find("pression").text();
			valeursCourantes.temp = $(this).find("temp").text();
			valeursCourantes.visibilite = $(this).find("visibilite").text();
			valeursCourantes.nuage = $(this).find("nuage").text();
			donnees = {
				vent: valeursCourantes.vent,
				pression: valeursCourantes.pression,
				temp: valeursCourantes.temp,
				visi: valeursCourantes.visibilite,
				nuage: valeursCourantes.nuage
			};
			deferred.resolve(donnees); 
		});
 
	}, "xml");
	return deferred.promise();
}
 
//Extraction des données avec $.when $.then :
$.when(litDonnees()).then(function(d){
	console.log('d.vent :',d.vent
		,', d.pression :',d.pression
		,', d.temp :',d.temp);
});

[Cisman]

Bonsoir, merci pour ta réponse.

Du coup, j'essaie avec le code suivant pour modifier mes valeursCoutantes, mais elles ont toujours leurs valeur initiales.

Code :

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

1
2
3
4
5
6
7
8
//Extraction des données avec $.when $.then :
var data=$.when(litDonnees()).then(function(d){
    valeursCourantes.vent = d.vent;
    valeursCourantes.pression = d.pression;
    valeursCourantes.temp = d.temp;
    valeursCourantes.visibilite = d.visibilite;
    valeursCourantes.nuage = d.nuage;
});

J'ai pas quand même loupé une étape sur la portée des variables?
Je suis là-dessus depuis ce matin et je sèche complétement...
Ce qui est certain, c'est que demain, mon prof ne va pas se contenter de lire son cours, il va m'expliquer.

[Toufik83]

Comment sais-tu que les valeurs n'ont pas changées? avec un console.log dans la fonction then ou bien à l'extérieur ?

[Cisman]

Le console.log dans la fonction .then fonctionne parfaitement, c'est quand j'essaie de faire une mise à jour de mon objet valeursCourantes.

Code :

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

1
2
3
4
5
6
7
8
9
 
//table d'association des valeurs
var valeursCourantes = {
    temp : -42,
    vent : 10,
    visibilite : 5,
    pression : 1013,
    nuage : "gris"
  }

[Toufik83]

Bah la mise à jour de ton objet est déjà faite dans la fonction then.
Si tu veux ajouter d'autres instructions qui utilisent l'objet valeurCourantes c'est dans then que tu dois les mettre et pas ailleurs.