So empfangen und analysieren Sie JSON -Daten vom Server

JSON ist ein beliebtes Datenformat, das zum Austausch von Informationen zwischen Servern und Webanwendungen verwendet wird. Die Daten, die Sie von einem Server erhalten, sind in Form eines “Saite,"Und Sie können die" verwenden "JSON.analysieren ()Methode zum Konvertieren der Zeichenfolge in ein JavaScript -Objekt.

Diese Beschreibung erklärt die Verwendung des JSON.Parse () Methode in JavaScript. Darüber hinaus sind die Beispiele im Zusammenhang mit dem JSON.Parse () Methode zum Parsen von Zeichenfolgen, Arrays, Datumsobjekten und Funktionen werden demonstriert. So lass uns anfangen!

Was ist JSON.Parse () Methode

Der JSON.Parse () Methode akzeptiert eine Zeichenfolge als Argument und konvertiert sie durch Parsen in ein JavaScript -Objekt. Analyse ist hier der Prozess, der die Saiten in verschiedene Teile unterteilt und dann ihre Beziehung zueinander identifiziert.

Syntax von JSON.Parse () Methode

JSON.analysieren (String, Funktion)

Die oben gegebene Syntax gibt an, dass der JSON.Parse () Methode akzeptiert “Saite"In gültigem JSON -Format geschrieben, und"FunktionIst ein optionaler Parameter für die Transformation der Ergebnisse hinzugefügt.

Beispiel: JSON.Parse () Methode zum Parsen String in JavaScript

Im folgenden Beispiel werden wir die Daten mit JSON analysieren.Parse () Methode. Zunächst werden wir die empfangenen Daten in einem “speichern“String1”Variable als Zeichenfolge:

const String1 = '"Name": "Alex", "Alter": 25, "Stadt": "Paris"'

Im nächsten Schritt werden wir den JSON aufrufen.Parse () Methode zum Konvertieren “String1" In ein "obj" Objekt:

const obj = json.analysieren (String1);

Sie können auch die Art von “überprüfen“String1" Und "obj"Durch die Verwendung der"Art der()Funktion:

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

Zuletzt werden wir auf die Werte der “zugreifen“Name" Und "AlterEigenschaften aus dem konvertierten Objekt und zeigen es als Ausgabe:

Konsole.Protokoll (obj.Name + "," + obj.Alter);

Sie können jede Online -Codierungs -Sandbox oder Ihren bevorzugten Code -Editor zur Ausführung des bereitgestellten JavaScript -Programms verwenden. Wir werden jedoch den Visual Studio -Code verwenden:

Wir werden das oben gegebene Programm mit der “ausführenLive -ServerErweiterung des vs Code. Es wird angezeigt “Alex" als "Name" und sein Alter als "25Und zeigt auch die Art von “String1" Und "obj”Im Konsolenfenster:

JSON.Parse () Methode zum Parsen Array in JavaScript

In JavaScript der JSON.Parse () Methode kann auf einem JSON -Objekt aufgerufen werden, das aus einem Array abgeleitet ist.

Beispiel: JSON.Parse () Methode zum Parsen Array in JavaScript

Im folgenden Beispiel werden wir ein Array analysieren, indem wir den JSON anrufen.Parse () Methode. Wir werden ein Objekt erstellen “myarray"Durch Parsen des JSON"TextZeichenfolge:

const text = '["Apple", "Mango", "Birne", "Plum"]';
const myarray = json.analysieren (Text);

Dann erhalten wir den Inhalt des Array -Elements und zeigen es im Absatz an:

Konsole.log (myarray [0]);

Das am Index vorhandene Element “0" von "myarray”Ist in der Ausgabe zu sehen:

JSON.Parse () Methode zum Parsendatum in JavaScript

JSON -Syntax erlaubt Ihnen nicht, die Datumsobjekte zu verwenden. Wenn Sie in Ihrem JavaScript -Programm ein Datumsobjekt erstellen möchten, müssen Sie es als Zeichenfolge hinzufügen, die wieder in ein Datumsobjekt konvertiert werden kann.

Beispiel: JSON.Parse () Methode zum Parsendatum in JavaScript

Im folgenden Beispiel haben wir eingeschlossen “Geburtsdatum" im "TextZeichenfolge:

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

Durch die Anforderung des JSON.Parse () Methode, wir analysieren die “TextZeichenfolge:

const obj = json.analysieren (Text);
Im nächsten Schritt werden wir dann die angemessene Zeichenfolge auf folgende Weise wieder in das Datumsobjekt umwandeln:
[CC Lang = "JavaScript" width = "100%" Height = "100%" entsieped = "true" thema = "Blackboard" nowrap = "0"]
obj.Geburt = neues Datum (OBJ.Geburtsdatum);
Konsole.Protokoll (obj.Name + "," + obj.Geburt);

Hier ist die Ausgabe, die wir durch die Ausführung des oben gegebenen Code erhalten haben:

JSON.Parse () Methode zum Parsen von Funktionen in JavaScript

Ähnlich wie beim Datumsobjekt sind Funktionen auch im JSON -Format nicht zulässig. Für die Aufnahme einer Funktion in JSON.Parse () Methode, Sie müssen sie als Zeichenfolge hinzufügen und dann in eine Funktion konvertieren.

Beispiel: JSON.Parse () Methode zum Parsen von Funktionen in JavaScript

Wir werden Funktionen mit dem JSON analysieren.Parse () Funktionen im folgenden Beispiel. Erstens werden wir eine Zeichenfolge hinzufügen, die eine Funktion für die “umfasstAlter"Eigentum und wird zurückkehren"25”:

const Text = '"Name": "Alex", "Alter": "function () return 25;", "Stadt": "Paris"';

Dann werden wir die “analysieren“TextUnd erstellen Sie ein JSON -Objekt, um den Wert zu speichern:

const obj = json.analysieren (Text);

Danach werden wir das nutzen “eval ()JavaScript -Funktion zur Bewertung der Alterszeichenfolge als JavaScript -Code und für die Ausführung:

obj.Alter = eval ("(" + obj.Alter + ")");

Zuletzt werden wir das bekommen “obj.Name" Und "obj.Alter”Werte und zeigen Sie es im hinzugefügten Absatz an:

Konsole.Protokoll (obj.Name + "," + obj.Alter());

Die angegebene Ausgabe zeigt, dass die zusätzliche Funktion erfolgreich durch die Verwendung des JSON analysiert wird.Parse () Methode.

Abschluss

In JavaScript die JSON.analysieren () Die Methode wird zum Parsen der Zeichenfolge verwendet, nämlich die vom Webserver empfangenen Daten. JSON.Parse () Methode gibt dann ein JavaScript -Objekt zurück und Sie können mit Hilfe auf die analysierten Daten zugreifen. In dieser Beschreibung wurde die Verwendung des JSON erläutert.Parse () Methode in JavaScript. Darüber hinaus sind die Beispiele im Zusammenhang mit dem JSON.Parse () Methode zum Parsen von Zeichenfolgen, Arrays, Datumsobjekten und Funktionen werden in diesem Artikel ebenfalls demonstriert.