Detaillierte Erklärung des JSON-Dateischreibformats

Detaillierte Erklärung des JSON-Dateischreibformats

Was ist JSON

JSON (JavaScript Object Notation) ist ein Datenaustauschformat.

Warum diese Technologie?

Vor JSON verwendete jeder XML zur Datenübertragung. XML ist ein reines Textformat und eignet sich daher für den Datenaustausch im Internet. Allerdings ist das XML-Format relativ komplex. Schließlich erfand Douglas Crockford JSON, ein ultraleichtes Datenaustauschformat.

So verwenden Sie JSON

Datenformat

JSON ist eigentlich eine Teilmenge von JavaScript, daher entspricht das Datenformat von JSON JavaScript:

- Nummer => JS-Nummer 
- Boolesch => JS Boolesch
- Zeichenfolge => JS-Zeichenfolge //
- null => JS null 
- Array => JS-Array-Ausdruck []
- Objekt => JS {} Ausdruck

- Anmerkungen

  • JSON gibt an, dass der Zeichensatz UTF-8 ist, Zeichenfolgen müssen "" verwenden und Objektschlüssel müssen ebenfalls "" verwenden.
  • Das letzte Element eines Arrays oder Objekts darf kein Komma enthalten

- JS hat zwei integrierte Json-Methoden

JSON.stringify( {} , [ ] , "")
//Parameter 1: zu serialisierende Daten (Objekt)
//Parameter 2: Steuert den Schlüsselwert des Objekts. Wenn Sie nur die angegebenen Attribute ausgeben möchten, übergeben Sie ein Array. //Parameter 3: Drucken Sie nach der Serialisierung das Ausgabeformat (eine Registerkarte, um JSON intuitiver anzuzeigen)

Jede Konvertierung von JavaScript in JSON bedeutet, dass das Objekt in eine JSON-Zeichenfolge serialisiert werden muss, bevor es über das Netzwerk übertragen werden kann.

Erhalten Sie eine Zeichenfolge im JSON-Format.

JSON.parse( json.DATA ) // Übergeben Sie den JSON-String

Wenn wir eine Zeichenfolge im JSON-Format erhalten, müssen wir sie nur in ein JavaScript-Objekt deserialisieren und dann direkt in JavaScript verwenden.

Beispiele:

1. Array-Methode [ ]

[{
"Ich würde": 1,
"Name": "Xiaoming"
},{
"Ich würde": 2, 
"Name" : "Xiaohong"
}]

2. Objektmethode { }

// Trennen Sie Front-End und Back-End. Es wird empfohlen, dass das Back-End die Daten im Format { an das Front-End zurückgibt.
"status" : 0 , //Ausführungsstatuscode "msg" : "SUCCESS", //Beschreibungstextinformationen, nicht NULL
"data" :[{ //Das Array ist im Objekt verschachtelt, das Array sind die zurückgegebenen Daten,
"Ich würde": 1,
"Name" : "Xiaohong"
},{
"Ich würde": 2,
"Name": "Xiaoming"
}]
}

3. Gegenbeispiel

{"id" : ox16 } // Unzulässig, der Wert muss dezimal sein {"name" : underfined } // Unzulässig, kein solcher Wert [{
"name" : NUll,
"Schule" : function() {
console.log("Das ist falsch")
}//Illegal}]//Benutzerdefinierte Funktionen oder im System integrierte Funktionen können in JSON nicht verwendet werden

Damit ist dieser Artikel mit der ausführlichen Erläuterung des JSON-Dateischreibformats abgeschlossen. Ich hoffe, dass es für jedermanns Studium hilfreich sein wird, und ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung des Json-Formats
  • JSON (JavaScript Object Notation) in einem Artikel verstehen
  • JSON – Einführung und Verwendungszusammenfassung
  • Detaillierte Einführung in JSON-Objekte in JS
  • Beispiel für die jQuery-JSON-Analyse
  • JSON-Prinzipanalyse und Beispieleinführung
  • Einführung in das JSON-Datenformat
  • Kurze JSON-Einführung
  • Eine kurze Einführung in JSON
  • Vorteile und Nachteile von JSON sowie Einführung in die Verwendung

<<:  Lösung für das Problem der Werteübergabe zwischen HTML-Seiten

>>:  Das kreativste 404-Seitendesign der Geschichte verbessert effektiv das Benutzererlebnis der Website

Artikel empfehlen

Vuex implementiert einfache Warenkorbfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Skin-Change-Lösung basierend auf Vue kombiniert mit ElementUI

Inhaltsverzeichnis Vorne geschrieben Lösung 1: Gl...

HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen

Manchmal müssen wir steuern, ob HTML-Elemente auf ...

Ein Beispiel zum Schreiben eines großen Sonnenwettersymbols in reinem CSS

Wirkung Das Wirkungsdiagramm sieht wie folgt aus ...

Installations- und Konfigurationsmethode des Vue-Route-Routing-Managements

einführen Vue Router ist der offizielle Routing-M...

Mit CSS3 erstellte Buchseitenumblättereffekte

Ergebnis:Implementierungscode: html <!-- Wenn ...

Analyse der HTTP-Dienstschritte auf einer virtuellen VMware-Maschine

1. Verwenden Sie xshell, um eine Verbindung mit d...

So verwenden Sie Docker-Compose zum Erstellen eines ELK-Clusters

Auf alle Orchestrierungsdateien und Konfiguration...

Wann sollte man Map anstelle einfacher JS-Objekte verwenden?

Inhaltsverzeichnis 1. Map akzeptiert jeden Schlüs...

MySQL 5.7 Installations- und Konfigurations-Tutorial unter CentOS7 64 Bit

Installationsumgebung: CentOS7 64-Bit-Mini-Versio...

Ubuntu-Grundeinstellungen: Installation und Nutzung des OpenSSH-Servers

Protokollieren Sie die Installation und Verwendun...