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

Vue implementiert Beispielcode zur Formulardatenvalidierung

Fügen Sie dem el-form-Formular Regeln hinzu: Defi...

Fünf Richtlinien zum Schreiben von wartungsfreundlichem CSS-Code

1. Fügen Sie am Anfang des Stylesheets einen Komme...

js-Version zur Realisierung der Rechnerfunktion

In diesem Artikelbeispiel wird der spezifische Co...

So verwenden Sie Docker-Compose, um Django-Anwendungen offline bereitzustellen

Inhaltsverzeichnis Installieren Sie Docker-ce für...

Verwendung der Zabbix-API in einer Linux-Shell-Umgebung

Sie können es direkt in der Linux-Shell-Umgebung ...

Erkennung und Lösung von Vue.$set-Fehlerfallen

Ich habe zufällig festgestellt, dass Vue.$set im ...

Front-End-JavaScript versteht Funktions-Currying gründlich

Inhaltsverzeichnis 1. Was ist Curry 2. Verwendung...

MySQL-Abfrage redundanter Indizes und ungenutzter Indexoperationen

MySQL 5.7 und höhere Versionen ermöglichen die di...

Grafisches Tutorial zur Installation und Konfiguration der MySQL-Version 5.7.15

Dieser Artikel enthält ein ausführliches Tutorial...

Aktivieren oder Deaktivieren des GTID-Modus in MySQL online

Inhaltsverzeichnis Grundlegende Übersicht GTID on...

Einfache Verwendung des Vue-Busses

Einfache Verwendung des Vue-Busses Beschreibung d...