Récupération du premier élement d'un fichier XML

Version imprimable

Bonjour à tous.

Je cherche à ne récupérer QUE le premier élément d'un fichier xml.

Le fichier XML à la structure suivante (incomplète) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<LOGS>
	<VERSION>
		<NUM>3.2.0</NUM>
		<ENTREE>
			<MAIN></MAIN>
			<SUB></SUB>
			<SUB></SUB>
		</ENTREE>
		<ENTREE>
			<MAIN></MAIN>
			<SUB></SUB>
		</ENTREE>
	</VERSION>
	<VERSION>
		<NUM>3.1.15</NUM>
		<ENTREE>
			<MAIN></MAIN>
		</ENTREE>
	</VERSION>
...
...
...
</LOGS>

Pour la lecture du fichier XML, on utilise ce code qui fonctionne, mais on récupère toutes les valeurs et pas uniquement la première.
Je n'arrive pas à récupérer uniquement le premier NUM saisi :

Code:

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
 
function RecupVersion()
{
	let WVersion = "";
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: false,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
                $(xml).children("LOGS").each(function()
                {
                    $(this).children("VERSION").each(function()
                    {
                        $(this).children("NUM").each(function()
                        {
                           WVersion = $(this).text();
                        });
                    });
                });
            }
        });
    });
}

J'ai essayé plusieurs choses qui n'ont pas fonctionnées :
- .first, à la place des .each.
- $(this).find(':first').attr("NUM");.
- etc...

Je pense que je dois mal l'utiliser, mais là, je cale.

Merci d'avance pour votre aide avisée...

Code:

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
XML="<LOGS>\
	<VERSION>\
		<NUM>3.2.0</NUM>\
		<ENTREE>\
			<MAIN></MAIN>\
			<SUB></SUB>\
			<SUB></SUB>\
		</ENTREE>\
		<ENTREE>\
			<MAIN></MAIN>\
			<SUB></SUB>\
		</ENTREE>\
	</VERSION>\
	<VERSION>\
		<NUM>3.1.15</NUM>\
		<ENTREE>\
			<MAIN></MAIN>\
		</ENTREE>\
	</VERSION>\
</LOGS>";
$XML= $(XML);
num= $XML.find('VERSION:eq(0)>NUM').html();
console.log(num)
num= $XML.find('VERSION:eq(1)>NUM').html();
console.log(num)

Impec.
Merci beaucoup.

La fonction donne ça dans un premier temps, on va maintenant l'adapter.

Code:

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
 
function RecupVersion()
{
	let WVersion = "";
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: false,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
                // $(xml).children("LOGS").each(function()
                // {
                    // $(this).children("VERSION").each(function()
                    // {
                        // $(this).children("NUM").each(function()
                        // {
// console.log("WVersion="+WVersion);							
							// WVersion = $(this).text();
                        // });
                    // });
                // });
				$XML= $(xml);
				num= $XML.find('VERSION:eq(0)>NUM').html();
				console.log(num);
				num= $XML.find('VERSION:eq(1)>NUM').html();
				console.log(num);
 
            }
        });
    });
}

Merci encore.

dans une boucle si besoin :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
XML="<LOGS>\
	<VERSION>\
		<NUM>3.2.0</NUM>\
		<ENTREE>\
			<MAIN></MAIN>\
			<SUB></SUB>\
			<SUB></SUB>\
		</ENTREE>\
		<ENTREE>\
			<MAIN></MAIN>\
			<SUB></SUB>\
		</ENTREE>\
	</VERSION>\
	<VERSION>\
		<NUM>3.1.15</NUM>\
		<ENTREE>\
			<MAIN></MAIN>\
		</ENTREE>\
	</VERSION>\
</LOGS>";
$XML= $(XML);
$child=$XML.find('VERSION').each( function(){
console.log ( $(this).find('NUM').html() )
});

ou encore

Code:

1
2
3
$child=$XML.find('VERSION>NUM').each( function(){
console.log ( $(this).html() )
});

Je dérive un chouïa par rapport à la question de départ, mais impossible de récupérer la valeur en dehors de ma fonction ???

Code:

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
 
function RecupVersion()
{
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: false,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
				$XML= $(xml);
				num= $XML.find('VERSION:eq(0)>NUM').html();
            }
        });
    });
    return num;
}
...
...
...
var G_VERSION = RecupVersion();
...
...
...

Je passe à côté de quoi ?

11/02/2020, 16h45
NoSmoking

Bonjour,

Citation:

Je dérive un chouïa par rapport à la question de départ

et avec un minimum de recherche :aie:

Un grand classique : Un classique AJAX : utiliser les données au bon moment !

Ha, lecture intéressante, merci.

Donc, si j'avais bien compris, le simple fait de passer la requête en synchrone devrait résoudre mon souci, mais ça ne fonctionne pas ; donc j'ai mal compris ;)
Code:

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 function generateHeader() { var G_VERSION = RecupVersion(); console.log("G_VERSION="+G_VERSION); ... ... ... } function RecupVersion() { $(document).ready(function () { $.ajax( { type: "GET", url: "./fichiersXML/data/version.xml", async: true, dataType: "xml", error : function() { alert("Fichier version.xml non trouvé !"); }, success : function(xml) { $XML= $(xml); num= $XML.find('VERSION:eq(0)>NUM').html(); G_VERSION = num; } }); }); console.log(num); }
Je n'arrive pas à récupérer ce "num", pourtant je crois avoir fait comme dans l'exemple.
J'ai aussi essayé de m'appuyer sur cet article https://fguillot.developpez.com/tuto...s-avec-jquery/, mais sans succès.

Je rame, je rame, mais il faut que j'écope en même temps :D

A priori tu n'as pas compris la doc, tu ne peux utiliser les éléments retournés que DANS le success ...

Code:

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
function generateHeader()
{
	var G_VERSION = RecupVersion();
console.log("G_VERSION="+G_VERSION);	
...
...
...
}
 
function RecupVersion()
{
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: true,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
				$XML= $(xml);
				num= $XML.find('VERSION:eq(0)>NUM').html();
				G_VERSION = num;
                                 console.log(num);
            }
        });
    });
 
}

Mais justement c,'est ce que je ne comprends pas : en fait, on ne peut QUE utiliser les éléments dans le success, pas ailleurs ?
Là, je suis paumé.
Il n'est donc pas possible de récupérer les résultats ?
Donc, ma méthode ne serait pas la bonne.
Même avec un "return" (que j'avais oublié), ça ne fonctionne pas mieux.

Code:

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
 
function RecupVersion()
{
	let WVersion = "";
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: true,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
				$XML= $(xml);
				num= $XML.find('VERSION:eq(0)>NUM').html();
				WVersion = num;
				console.log("num="+num);
				return num;
            }
        });
	console.log("WVersion="+WVersion);
    });
}

Code:

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
 
function RecupVersion()
{
	let WVersion = "";
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: false,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
				$XML= $(xml);
				num= $XML.find('VERSION:eq(0)>NUM').html();
				WVersion = num;
				console.log("num="+num);
            }
        });
		console.log("WVersion="+WVersion);
		return WVersion;
    });
}

Dans ce 2ème cas, le console.log("WVersion="+WVersion); affiche bien la bonne valeur, mais le return ne renvoie pas cette valeur.

Comment est-ce que je peux faire autrement alors ?

12/02/2020, 11h52
SpaceFrog

Si tu vas chercher un pote à la gare ...
Il y a peu de chances que tu puisse le récupérer avant que son train n'arrive ...

avec ton return

Code:

console.log("WVersion="+ RecupVersion());

Je comprends ce que tu me dis, mais tu laisses entrevoir que ça peux fonctionner, ou alors j'ai besoin de sommeil ;)

Si je te suis, j'ai fait :

Code:

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
 
function generateHeader()
{
console.log("RecupVersion="+ RecupVersion());	
...
...
...
}
 
function RecupVersion()
{
	let WVersion = "";
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: false,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
				$XML= $(xml);
				num= $XML.find('VERSION:eq(0)>NUM').html();
				WVersion = num;
				console.log("num="+num);
            }
        });
		console.log("WVersion="+WVersion);
		return WVersion
    });
}

Mais j'ai toujours un "undefined" sur console.log("RecupVersion="+ RecupVersion());

12/02/2020, 13h16
SpaceFrog

non tu ne peux faire le return que lorsque tu as récupéré ton pote à la gare
donc le return DANS le success

1 pièce(s) jointe(s)

Bah, ça ne fonctionne pas mieux :

Code:

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
 
function generateHeader()
{
console.log("RecupVersion="+ RecupVersion());	
...
...
...
}
 
function RecupVersion()
{
	let WVersion = "";
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: "GET",
            url: "./fichiersXML/data/version.xml",
            async: false,
            dataType: "xml",
            error : function()
            {
                alert("Fichier version.xml non trouvé !");
            },
            success : function(xml)
            {
				$XML= $(xml);
				num= $XML.find('VERSION:eq(0)>NUM').html();
				WVersion = num;
				console.log("num="+num);
				return WVersion
            }
        });
    });
}

Pièce jointe 537978

12/02/2020, 13h31
SpaceFrog

HEU... que fait le document ready dans la fonction ????

Ha oui, grosse bourde, mais... Heu... Pas mieux !
Toujours "undefined".

Code:

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
 
function generateHeader()
{
console.log("RecupVersion="+ RecupVersion());	
...
...
...
}
 
function RecupVersion()
{
	let WVersion = "";
	$.ajax(
	{
		type: "GET",
		url: "./fichiersXML/data/version.xml",
		async: false,
		dataType: "xml",
		error : function()
		{
			alert("Fichier version.xml non trouvé !");
		},
		success : function(xml)
		{
			$XML= $(xml);
			num= $XML.find('VERSION:eq(0)>NUM').html();
			WVersion = num;
			console.log("num="+num);
			return WVersion
		}
	});
}