Extraire des données d'un fichier JSON

Bonjour à tous,

Je suis nouveau sur ce forum.

J'ai un problème de compréhension pour lire des infos dans un fichier JSON.

J'ai récupéré côté client (par AJAX) un extrait json comme celui-ci, issu d'un appel serveur :

Code:

---

{"1083062": {"parent_area": null, "generation_high": 9, "all_names": {}, "id": 1083062, "codes": {"osm_rel": "76469"}, "name": "Marseille", "country": "G", "type_name": "OSM Administrative Boundary Level 8", "generation_low": 8, "country_name": "Global", "type": "O08"}}

---

Je souhaite récupérer le contenu de la variable "id" dans mon code javascript :

Code:

---

1 2 3 4 5 6

function myFunction(xhttp) { var JSONDoc = xhttp.responseText; alert(JSONDoc); // Ceci fonctionne bien var osm_id = JSON.parse(JSONDoc).id; alert("osm_id = " + osm_id); // Ceci affiche Undefined ! }

---

Je précise qu'à chaque requête serveur, le fichier json retourné est différent, y compris le nombre au début de la chaine,ici, 1083062

Étant donné que le id recherché correspond justement à ce nombre, j'ai pensé à extraire cette sous-chaine en utilisant la méthode substring avec un RegExpr mais j'aimerais mieux pouvoir utiliser la méthode native du json : .id

Merci pour votre collaboration.

Bonjour,

dans la console (touche F12) de ton navigateur, copie-colle la chaîne puis fais-la interpréter par JSON :

Code:

---

1 2

jsonString = `{"1083062": {"parent_area": null, "generation_high": 9, "all_names": {}, "id": 1083062, "codes": {"osm_rel": "76469"}, "name": "Marseille", "country": "G", "type_name": "OSM Administrative Boundary Level 8", "generation_low": 8, "country_name": "Global", "type": "O08"}}`; jsonObj = JSON.parse(jsonString);

---

Ça va te donner un descripteur d’objet que tu pourras déplier et examiner à la souris.

L’objet crée n’a pas directement de propriété id. Au lieu de ça, il a une propriété "1083062" qui est un objet, et c’est cet objet qui a une propriété id. Tu peux donc y accéder comme ceci :

Code:

---

jsonObj["1083062"].id

---

Mais je devine que tu ne veux pas coder en dur le nombre 1083062. Tu peux utiliser Object.keys pour obtenir, sous forme d’un array, la liste des propriétés de ton objet JSON.

Code:

---

1 2	Object.keys(jsonObj) // -> Array [ "1083062" ]

---

Tu peux aussi accéder directement aux propriétés avec Object.values :

Code:

---

1 2 3 4 5 6 7 8

Object.values(jsonObj) // -> Array [ Object ]   Object.values(jsonObj)[0] // -> Object { parent_area: null, generation_high: 9, all_names: Object, id: 1083062, codes: Object, name: "Marseille", country: "G", type_name: "OSM Administrative Boundary Level 8", generation_low: 8, country_name: "Global", 1 de plus… }   Object.values(jsonObj)[0].id // -> 1083062

---

Bonjour,
n'y aurait-il pas une soucis de structure/récupération de ton objet retourné, ce qui me fait dire cela est que la « clé d'entrée » est identique à l'id d'une des clés de cette clé

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

{ "1083062": { // ici la « clé d'entrée » "parent_area": null, "generation_high": 9, "all_names": {}, "id": 1083062, // on retrouve la même valeur que la « clé d'entrée » "codes": { "osm_rel": "76469" }, "name": "Marseille", "country": "G", "type_name": "OSM Administrative Boundary Level 8", "generation_low": 8, "country_name": "Global", "type": "O08" } }

---

Un grand merci à Watilin ainsi qu'à NoSmoking pour votre aide précieuse.
Toutes mes excuses pour mon retour tardif...

Grâce à vous, mon problème est résolu.
La clé du problème était bien là :

Code:

---

1 2 3 4 5 6 7 8

// Cette méthode fonctionne mais ... //var myRegex = /\d+/; //osm_id = JSONString.match(myRegex)[0]; // Meilleure méthode jsonObj = JSON.parse(JSONString); //alert("keys: " + Object.keys(jsonObj)); osm_id = Object.values(jsonObj)[0].id; osm_name = Object.values(jsonObj)[0].name;

---

Vous pouvez admirer le résultat sur mon app cartographique en cours de développement :
https://cartogm.picturecomputer.ch/p...rateur_OSM.php

Attention, sous Chrome en tous cas, il reste un problème de mélange de serveurs sécurisés et non.
Mon serveur supporte https et le serveur appelé (celui qui me fourni le JSON) est encore en http.
Il faut cliquer sur Charger les scripts à risque pour faire tourner l'appli.