Discussion :

[paco11]

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 :

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

 {"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 :

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

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.

[Watilin]

Bonjour,

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

Code :

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

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 :

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

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 :

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

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

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

Code :

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

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

[NoSmoking]

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 :

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
{
  "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"
  }
}

[paco11]

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 :

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

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.