Latest web development tutorials
×

JavaScript Kurs

JavaScript Kurs JavaScript Kurze Einführung JavaScript Verwendung JavaScript Export JavaScript Grammatik JavaScript Statements JavaScript Note JavaScript Variable JavaScript Datentypen JavaScript Objekte JavaScript Funktion JavaScript Anwendungsbereich JavaScript Ereignis JavaScript Schnur JavaScript Die Betreiber JavaScript vergleichen JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typumwandlung JavaScript Reguläre Ausdrücke JavaScript Fehler JavaScript Fehlerbeseitigung JavaScript Variable Lift JavaScript Strict-Modus JavaScript Missbrauch JavaScript Formularauthentifizierung JavaScript reservierte Schlüsselwörter JavaScript JSON JavaScript void JavaScript Code-Spezifikation

JS Funktion

JavaScript Funktionsdefinition JavaScript Funktionsargumente JavaScript Funktionsaufruf JavaScript Verschlüsse

JS HTML DOM

DOM Kurze Einführung DOM HTML DOM CSS DOM Ereignis DOM EventListener DOM Element

JS Erweiterte Tutorial

JavaScript Objekte JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objekte

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop JavaScript Timed Ereignis JavaScript Cookies

JS Lagerhaus

JavaScript Lagerhaus JavaScript Test jQuery JavaScript Test Prototype

JS Beispiele

JavaScript Beispiele JavaScript Object-Instanz JavaScript Browser-Objektinstanz JavaScript HTML DOM Beispiele JavaScript Zusammenfassung

JS Referenzhandbuch

JavaScript Objekte HTML DOM Objekte

JavaScript JSON

JSON ist ein Format zum Speichern und Übertragen von Daten.

JSON wird in der Regel für die Datenübertragung an den Webserver verwendet.


Was ist JSON?

  • JSON englischen NamenJava S cript O bject N otation
  • JSON ist ein leichtes Datenaustauschformat.
  • JSON ist sprachunabhängig*
  • JSON leicht zu verstehen.

Note * JSON mit JavaScript, aber JSON ist nur ein Textformat.
Der Text kann in einer beliebigen Programmiersprache gelesen werden und als Datenübertragungsformat.

JSON Beispiele

Die folgende Mitarbeiter JSON Syntax definierte Objekte: ein Array von Datensätzen (Objekte) von drei Mitarbeitern:

JSON Beispiel

{ "Mitarbeiter": [
{ "Vorname": "John", "lastname": "Doe"},
{ "Vorname": "Anna", "lastname": "Smith"},
{ "Vorname": "Peter", "lastname": "Jones"}
]}


Nach JSON als JavaScript-Objekte formatiert

JSON-Format ist syntaktisch JavaScript-Objekt-Code zu erstellen ist die gleiche.

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


JSON Syntaxregeln

  • Daten für den Schlüssel / Wert-Paaren.
  • Daten durch Komma getrennt.
  • Objekt speichern Zahnspange
  • Speichern Sie die Array-Klammern

JSON-Daten - ein Name, der einem Wert entspricht,

JSON-Datenformat für den Schlüssel / Wert-Paare, wie JavaScript-Objekt-Eigenschaften.

Schlüssel / Wert-Paare Feldnamen enthalten (in Anführungszeichen), gefolgt von einem Doppelpunkt, dann wird der Wert ist:

"Vorname": "John"


JSON-Objekt

JSON-Objekt wird in Klammern gespeichert.

Wie in JavaScript, kann das Objekt mehr Schlüssel / Wert-Paare halten:

{ "Vorname": "John", "lastname": "Doe"}


JSON-Array

JSON Array enthält in Klammern.

Wie in JavaScript kann das Array-Objekte enthalten:

"Mitarbeiter": [
{ "Vorname": "John", "lastname": "Doe"},
{ "Vorname": "Anna", "lastname": "Smith"},
{ "Vorname": "Peter", "lastname": "Jones"}
]

Im obigen Beispiel wird das Objekt "Mitarbeiter" ist ein Array. Es enthält drei Objekte.

Jedes Objekt wird die Aufzeichnung für die Mitarbeiter (Vor- und Nachname).


JSON-String ist ein JavaScript-Objekt umgewandelt

Normalerweise lesen wir JSON-Daten vom Server und zeigt die Daten in einer Webseite.

Der Einfachheit halber haben wir eine Web - Seite direkt JSON - String nach oben (Sie können auch unser lesen JSON - Tutorial ):

Erstens, eine JavaScript-String, Zeichenkette Daten im JSON-Format erstellen ?:

var text = "{" Mitarbeiter ": [ '+
'{ "Vorname": "John", "lastname": "Doe"},' +
'{ "Vorname": "Anna", "lastname": "Smith"},' +
'{ "Vorname": "Peter", "lastname": "Jones"}]}';

Verwenden Sie dann den integrierten JavaScript-Funktion JSON.parse () einen String in JavaScript-Objekte zu konvertieren:

var obj = JSON.parse (Text);

Schließlich mit der neuen JavaScript-Objekt in Ihre Seite ein:

Beispiele

<P id = "Demo"> </ p>

<Script>
document.getElementById ( "Demo"). innerhtml =
obj.employees [1] .firstName + "" + obj.employees [1] .lastName;
</ Script>

Versuchen »

Ähnliche Funktionen

Funktion Beschreibung
JSON.parse () Für einen JSON-String in ein JavaScript-Objekt.
JSON.stringify () JavaScript wird verwendet, um den Wert zu einer JSON-Zeichenfolge zu konvertieren.

JSON weitere Informationen können Sie unsere lesen JSON - Tutorial .