Comment recevoir et analyser les données JSON du serveur

Json est un format de données populaire utilisé pour échanger des informations entre les serveurs et les applications Web. Les données que vous recevez d'un serveur se présentent sous la forme d'un «chaîne,"Et vous pouvez utiliser le"Json.Parse ()”Méthode pour convertir la chaîne en un objet JavaScript.

Cet article expliquera l'utilisation du JSON.Parse () Méthode en javascript. De plus, les exemples liés au JSON.La méthode parse () pour l'analyse des chaînes, des tableaux, des objets de date et des fonctions sera démontré. Alors, commençons!

Qu'est-ce que JSON.Parse () Méthode

Le json.La méthode parse () accepte une chaîne comme argument et la convertit en un objet JavaScript en analysant. Ici, l'analyse est le processus qui divise les cordes en différentes parties et identifie ensuite leur relation entre elles.

Syntaxe de JSON.Parse () Méthode

Json.Parse (chaîne, fonction)

La syntaxe donnée ci-dessus indique que le JSON.La méthode parse () accepte «chaîne«Écrit au format JSON valide, et«fonction"Est un paramètre facultatif ajouté pour transformer les résultats.

Exemple: JSON.Parse () Méthode pour l'analyse de la chaîne en javascript

Dans l'exemple suivant, nous analyserons les données à l'aide de JSON.Parse () Méthode. Tout d'abord, nous stockons les données reçues dans un «String1”Variable en tant que chaîne:

const string1 = '"name": "Alex", "Age": 25, "City": "Paris"'

À l'étape suivante, nous invoquerons le JSON.Parse () Méthode de conversion «String1"Dans un"obj" objet:

const obj = json.Parse (String1);

Vous pouvez également vérifier le type de «String1" et "obj"En utilisant le"Type de()" fonction:

console.log (typeof (string1));
console.log (typeof (obj));

Enfin, nous accéderons aux valeurs du «nom" et "âge»Propriétés de l'objet converti et le montrent comme sortie:

console.journal (obj.nom + "," + obj.âge);

Vous pouvez utiliser n'importe quel bac à sable codant en ligne ou votre éditeur de code préféré pour exécuter le programme JavaScript fourni; Cependant, nous utiliserons le code Visual Studio:

Nous exécuterons le programme ci-dessus en utilisant le «Serveur en direct”Extension du code vs. Il affichera "Alex" comme "nom" et son âge comme "25"Et montre également le type de"String1" et "obj”Dans la fenêtre de la console:

Json.Parse () Méthode pour analyser le tableau en javascript

En javascript, le JSON.La méthode parse () peut être invoquée sur un objet JSON dérivé d'un tableau à la suite de celui-ci, cette méthode renvoie un tableau JavaScript plutôt qu'un objet.

Exemple: JSON.Parse () Méthode pour analyser le tableau en javascript

Dans l'exemple ci-dessous, nous analyserons un tableau en appelant le JSON.Parse () Méthode. Nous allons créer un objet "MyArray"En analysant le JSON"texte" chaîne:

const text = '["Apple", "mango", "pear", "plum"]';
const MyArray = JSON.Parse (texte);

Ensuite, nous obtiendrons le contenu de l'élément de tableau et l'afficherons dans le paragraphe:

console.log (MyArray [0]);

L'élément présent à l'index "0" de "MyArray«Peut être vu dans la sortie:

Json.Parse () Méthode pour l'analyse de la date de l'analyse en javascript

La syntaxe JSON ne vous permet pas d'utiliser les objets de date. Si vous souhaitez créer un objet Date dans votre programme JavaScript, vous devez l'ajouter en tant que chaîne, qui peut être transformée en un objet de date.

Exemple: JSON.Parse () Méthode pour l'analyse de la date de l'analyse en javascript

Dans l'exemple ci-dessous, nous avons inclus «date de naissance" dans le "texte" chaîne:

const Text = '"Name": "Alex", "Birthdate": "1998-01-25", "City": "Paris"';

En invoquant le JSON.Parse () Méthode, nous analysons le «texte" chaîne:

const obj = json.Parse (texte);
Ensuite, à l'étape suivante, nous reviendrons la chaîne analysée à l'objet Date de la manière suivante:
[cc lang = "javascript" width = "100%" height = "100%" échappé = "true" thème = "Blackboard" nowrap = "0"]
obj.Naissance = nouvelle date (OBJ.date de naissance);
console.journal (obj.nom + "," + obj.naissance);

Voici la sortie que nous avons obtenue en exécutant le code donné ci-dessus:

Json.Parse () Méthode pour l'analyse des fonctions en javascript

Semblable à l'objet date, les fonctions ne sont pas non plus autorisées au format JSON. Pour inclure une fonction dans JSON.Méthode parse (), vous devez l'ajouter en tant que chaîne puis la convertir en une fonction.

Exemple: JSON.Parse () Méthode pour l'analyse des fonctions en javascript

Nous analyserons les fonctions en utilisant le JSON.PARSE () Fonctions dans l'exemple donné ci-dessous. Premièrement, nous ajouterons une chaîne qui comprend une fonction pour le «âge"Propriété et reviendra"25»:

const text = '"name": "Alex", "Age": "function () return 25;", "City": "Paris"';

Ensuite, nous analyserons le «texte»Et créez un objet JSON pour stocker la valeur:

const obj = json.Parse (texte);

Après cela, nous utiliserons le «eval ()”Fonction JavaScript pour évaluer la chaîne d'âge comme code JavaScript et pour son exécution:

obj.Âge = eval ("(" + obj.âge + ")");

Enfin, nous obtiendrons le «obj.nom" et "obj.âge»Valeurs et affichez-la dans le paragraphe ajouté:

console.journal (obj.nom + "," + obj.âge());

La sortie donnée montre que la fonction ajoutée est analysée avec succès en utilisant le JSON.Parse () Méthode.

Conclusion

En javascript, le Json.Parse () La méthode est utilisée pour analyser la chaîne, qui est les données reçues du serveur Web. Json.La méthode parse () renvoie ensuite un objet JavaScript et vous pouvez accéder aux données analysées à l'aide de l'informatique. Cet article a expliqué l'utilisation du JSON.Parse () Méthode en javascript. De plus, les exemples liés au JSON.La méthode parse () pour l'analyse des chaînes, des tableaux, des objets de date et des fonctions sont également démontrés dans cet article.