JavaScript JSON

JSON ist ein Format zum Speichern und Transportieren von Daten.

JSON wird häufig verwendet, um Daten vom Server an eine Webseite zu senden.

Was ist JSON?

  • JSON englischer vollständiger NameJavaScript Object Notation
  • JSON ist ein leichtgewichtiges Datenaustauschformat.
  • JSON ist ein sprachunabhängiges Format.*
  • JSON ist leicht zu verstehen.

Note * JSON verwendet die JavaScript-Syntax, aber das JSON-Format ist nur Text.
Text kann von jeder Programmiersprache gelesen und als Datenformat übergeben werden.

JSON-Beispiel

Die folgende JSON-Syntax definiert ein sites-Objekt: ein Array aus 3 Website-Einträgen (Objekten):

JSON-Beispiel

{"sites":[ {"name":"Example", "url":"www.example.com"}, {"name":"Google", "url":"www.google.com"}, {"name":"Taobao", "url":"www.taobao.com"} ]}

JSON ist als JavaScript-Objekt formatiert

Das JSON-Format ist syntaktisch identisch mit dem Code zum Erstellen von JavaScript-Objekten.

Da sie ähnlich sind, können JavaScript-Programme JSON-Daten leicht in JavaScript-Objekte umwandeln.

JSON-Syntaxregeln

  • Daten liegen in Name/Wert-Paaren vor.
  • Daten werden durch Kommas getrennt.
  • Geschweifte Klammern enthalten Objekte
  • Eckige Klammern enthalten Arrays

JSON-Daten - Ein Name entspricht einem Wert

Das JSON-Datenformat besteht aus Name/Wert-Paaren, genau wie die Eigenschaften von JavaScript-Objekten.

Ein Name/Wert-Paar besteht aus einem Feldnamen (in doppelten Anführungszeichen), gefolgt von einem Doppelpunkt und dann einem Wert:

"name":"Example"

JSON-Objekte

JSON-Objekte werden in geschweiften Klammern gespeichert.

Wie in JavaScript können Objekte mehrere Name/Wert-Paare enthalten:

{"name":"Example", "url":"www.example.com"}

JSON-Arrays

JSON-Arrays werden in eckigen Klammern gespeichert.

Wie in JavaScript können Arrays Objekte enthalten:

"sites":[ {"name":"Example", "url":"www.example.com"}, {"name":"Google", "url":"www.google.com"}, {"name":"Taobao", "url":"www.taobao.com"} ]

Im obigen Beispiel ist das Objekt "sites" ein Array, das drei Objekte enthält.

Jedes Objekt enthält Informationen über eine Website (Website-Name und Website-Adresse).

Konvertieren einer JSON-Zeichenkette in ein JavaScript-Objekt

Normalerweise lesen wir JSON-Daten vom Server und zeigen sie auf einer Webseite an.

Der Einfachheit halber setzen wir eine JSON-Zeichenkette direkt auf die Webseite (du kannst auch unserJSON-Tutorial lesen):

Erstelle zuerst eine JavaScript-Zeichenkette, und die Zeichenkette enthält Daten im JSON-Format:

var text = '{ "sites" : [' + '{ "name":"Example" , "url":"www.example.com" },' + '{ "name":"Google" , "url":"www.google.com" },' + '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

Verwende dann die in JavaScript integrierte Funktion JSON.parse(), um die Zeichenkette in ein JavaScript-Objekt umzuwandeln:

var obj = JSON.parse(text);

Verwenden Sie abschließend das neue JavaScript-Objekt auf Ihrer Seite:

Beispiel

var text = '{ "sites" : [' + '{ "name":"Example" , "url":"www.example.com" },' + '{ "name":"Google" , "url":"www.google.com" },' + '{ "name":"Taobao" , "url":"www.taobao.com" } ]}'; obj = JSON.parse(text); document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;

Selbst ausprobieren »

Verwandte Funktionen

FunktionBeschreibung
JSON.parse()Wird verwendet, um einen JSON-String in ein JavaScript-Objekt umzuwandeln.
JSON.stringify()Wird verwendet, um JavaScript-Werte in einen JSON-String umzuwandeln.

Weitere Informationen zu JSON finden Sie in unseremJSON-Tutorial。

Andere Erweiterungen