Isjson Javascript

Michael Zippo 04.11.2021

JSON signifie JavaScript Object Notation. C’est un objet JavaScript qui organise les données en paires clé/valeur. Le stockage des données de cette manière rend ces objets légers et indépendants du langage. Cela signifie que JSON peut être lu par la plupart des langages de programmation.

JSON est couramment utilisé pour récupérer des données à partir d’un serveur côté client car il est léger et facilement lisible par les humains et les machines. Dans un monde de consommation d’API, JSON est suffisamment flexible pour extraire uniquement les données souhaitées du serveur à l’utilisateur.

Utilisation de JSON

L’utilisation de JSON est un moyen pratique de stocker les données transmises du serveur au front-end d’une application. La plupart des langages de programmation ont des méthodes pour convertir immédiatement les données en JSON. Dans une requête d’extraction JavaScript, la réponse de données transmise par le serveur est convertie en JSON en appelant la méthode json () sur la requête. En savoir plus sur les requêtes de récupération ici.

Pourquoi devrions-nous toujours convertir une réponse en JSON ? Une réponse est verbeuse et difficile à déchiffrer pour nous, les humains. En convertissant la réponse en JSON, nous organisons les données en paires clé/valeur lisibles par l’homme. Cela rend les données plus accessibles via le code que nous écrivons pour faire quelque chose avec les données de réponse.

Exemples JSON

Tout d’abord, examinons ce qu’une réponse a été convertie en JSON pourrait ressembler. Nous envoyons une requête d’extraction à une API qui nous indique combien d’astronautes sont actuellement dans l’espace dans l’exemple ci-dessous.

Pour nos besoins, nous enregistrerons la réponse que nous avons convertie en JSON dans notre console.

On peut voir qu’à l’intérieur de cet objet il y a le ch esclaves du "message", du "nombre" et du "peuple". La clé de message indique un " succès ". Ceci est un gentil message pour nous faire savoir le statut de notre demande.

Ensuite, notre clé numérique pointe vers la valeur 7. C’est le nombre total de personnes dans l’espace. Enfin, nous arrivons à notre clé "people". La valeur de cette clé est un tableau. à l’intérieur de ce array sont plusieurs objets avec les clés "craft" et "name". Nos valeurs pour ces clés sont le nom du vaisseau spatial et de l’astronaute à bord.

JSON peut être imbriqué plusieurs fois. √Ä ce stade de notre demande de récupération, la réponse a été convertie en JSON et maintenant la prochaine étape consiste à faire quelque chose avec ces données. √Ä partir de là, nous pourrions utiliser ces données pour remplir une rangée de cartes pour chaque astronaute. Le traitement des données est déterminé par ce que vous voulez que votre application réalise.

Conclusion

En résumé, nous avons appris que JSON est un objet utilisé pour stocker des données. Généralement, ces données proviennent d’un serveur en réponse à une requête d’extraction. Nous avons également appris que JavaScript est fourni avec une méthode json () qui convertit une réponse en JS AU.

Pour que le front-end d’une application utilise les données d’un serveur, il doit être au format JSON. Après avoir converti une réponse en JSON, nous sommes libres de créer tout ce que nous souhaitons autour de ces données. Pour en savoir plus sur la méthode json () dans les requêtes fetch, reportez-vous à ce guide .