JSON Einführung

JSON: JavaScript Object Notation (JavaScript Object Notation).

JSON ist eine Syntax zur Speicherung und zum Austausch von Daten.

JSON wird durch Text basierend auf der JavaScript-Objekt-Markup-Syntax geschrieben.

Daten austauschen

Wenn Daten zwischen Browser und Server ausgetauscht werden, müssen diese immer Text sein.

JSON ist Text und wir können jeden JavaScript-Objekt in JSON umwandeln, um es dann an den Server zu senden.

Wir können auch jede vom Server empfangene JSON in ein JavaScript-Objekt umwandeln.

Auf diese Weise können wir Daten als JavaScript-Objekte verarbeiten, ohne komplexe Analyse und Transkription.

Daten senden

Wenn Ihre Daten im JavaScript-Objekt gespeichert sind, können Sie das Objekt in JSON umwandeln und es dann an den Server senden.

Beispiel

var myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
var myJSON =  JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Probieren Sie es selbst aus

Sie werden in den späteren Kapiteln dieses Tutorials mehr über JSON.stringify() Wissen über Funktionen.

Daten empfangen

Wenn Sie Daten im JSON-Format empfangen, können Sie diese in ein JavaScript-Objekt umwandeln:

Beispiel

var myJSON = '{ "name":"Bill Gates",  "age":62, "city":"Seattle" }';
var myObj =  JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;

Probieren Sie es selbst aus

Sie werden in den späteren Kapiteln dieses Tutorials mehr über JSON.parse() Wissen über Funktionen.

Daten speichern

Bei der Speicherung von Daten muss diese in einer spezifischen Form vorliegen, und egal wo Sie sie speichern, Text ist immer eine gültige Formatart.

JSON macht es JavaScript möglich, Objekte als Text zu speichern.

Beispiel

Daten im lokalen Speicher speichern

//Daten speichern:
myObj = { name:"Bill Gates",  age:62, city:"Seattle" };
myJSON =  JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
//Empfangen von Daten:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;

Probieren Sie es selbst aus

Was ist JSON?

  • JSON bezieht sich auf das JavaScript Object Notation (JavaScript Object Notation)
  • JSON ist ein leichtes Datenübertragungsformat
  • JSON ist selbstbeschreibend und leicht verständlich
  • JSON ist unabhängig von der Sprache*

*

JSON verwendet die Syntax von JavaScript, aber das JSON-Format ist rein textbasiert.

Text kann von jeder Programmiersprache als Daten gelesen und verwendet werden.

Das JSON-Format wurde ursprünglich von Douglas Crockford vorgeschlagen.

Warum JSON verwenden?

Da das JSON-Format nur Text ist, kann es leicht zwischen Server und Browser übertragen werden und dient als Datenformat für jede Programmiersprache.

JavaScript bietet eine eingebaute Funktion, um Strings, die im JSON-Format geschrieben sind, in native JavaScript-Objekte umzuwandeln:

JSON.parse()

Daher können Sie, wenn Sie Daten im JSON-Format vom Server empfangen, wie jeden anderen JavaScript-Objekt damit umgehen.