JSON ist ein Format zum Speichern und Transportieren von Daten.
JSON wird oft verwendet, wenn Daten von einem Server zu einem Web-Seite gesendet wird.
Was ist JSON?
- JSON steht für JavaScript Object Notation
- JSON ist leicht Datenaustauschformat
- JSON ist sprachunabhängig *
- JSON ist "selbsterklärend" und leicht zu verstehen
* Die JSON - Syntax von JavaScript Object Notation Syntax abgeleitet, aber das JSON - Format ist nur Text. Code zum Lesen und JSON-Daten zu erzeugen können in einer beliebigen Programmiersprache geschrieben werden.
JSON Beispiel
Diese JSON-Syntax definiert ein Mitarbeiter Objekt: ein Array von 3 Mitarbeiterdaten (Objekte):
JSON Beispiel
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Die JSON-Format Wertet auf JavaScript-Objekte
Das JSON-Format ist syntaktisch identisch mit dem Code für JavaScript-Objekte zu erstellen.
Wegen dieser Ähnlichkeit kann ein JavaScript-Programm leicht JSON-Daten in native JavaScript-Objekte umwandeln.
JSON Syntaxregeln
- Die Daten werden in Name / Wert-Paare
- Die Daten werden durch Komma getrennt
- Geschweiften Klammern halten Objekte
- Eckige Klammern halten Arrays
JSON-Daten - Ein Name und ein Wert
JSON-Daten werden als Name / Wert-Paare geschrieben, wie JavaScript-Objekt-Eigenschaften.
Ein Name / Wert-Paar besteht aus einem Feldnamen (in Anführungszeichen), gefolgt von einem Doppelpunkt, gefolgt von einem Wert:
"firstName":"John"JSON Namen erfordern doppelte Anführungszeichen. JavaScript Namen nicht.
JSON-Objekte
JSON-Objekte werden in geschweiften Klammern geschrieben.
Genau wie in JavaScript können Objekte mehrere Name / Wert-Paare enthalten:
{"firstName":"John", "lastName":"Doe"}
JSON-Arrays
JSON-Arrays sind in eckigen Klammern geschrieben.
Genau wie in JavaScript, kann ein Array-Objekte enthalten:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]In dem obigen Beispiel das Objekt "employees" ist ein Array. Es enthält drei Objekte.
Jedes Objekt ist eine Aufzeichnung von einer Person (mit einem Vornamen und einem Nachnamen).
Konvertieren eines JSON Text zu einem JavaScript Object
Eine gemeinsame Nutzung von JSON ist, Daten von einem Webserver zu lesen und die Daten in einer Webseite angezeigt werden soll.
Der Einfachheit halber kann dies eine Zeichenkette als Eingabe nachgewiesen werden (oder mehr in unserem lesen JSON - Tutorial ):
Erstellen Sie zunächst einen JavaScript-String mit JSON-Syntax:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';Verwenden Sie dann den integrierten JavaScript-Funktion JSON.parse() die Zeichenfolge in ein JavaScript - Objekt zu konvertieren:
var obj = JSON.parse(text);Schließlich verwenden die neue JavaScript-Objekt in Ihre Seite ein:
Beispiel
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Versuch es selber " Sie können mehr über JSON in unserem lesen JSON - Tutorial .