Was ist JSON? Laien Überblick

Sind Sie mit den neuesten Webtechnologien vertraut? HTML-Kenntnisse nicht nur für Entwickler: 7 HTML-Tags, die jeder Writer kennen sollte Nicht nur für Entwickler: 7 HTML-Tags, die jeder Writer wissen sollte Um online marktfähig und flexibel zu sein, müssen Sie nur wissen, wie ein vollständiger HTML-Artikel formatiert wird oder wie Dinge optimieren. Lesen Sie mehr ist von wesentlicher Bedeutung, wenn Sie über einfache Webaktivitäten wie das Browsen und Posten in Foren hinausgehen möchten. Dann gibt es weiterführende Themen wie CSS (hier erfahren Sie mehr). 5 Baby-Schritte zum Erlernen von CSS und zum Kick-Ass-CSS-Sorcerer 5 Baby-Schritte zum Erlernen von CSS und zum Kick-Ass-CSS-Sorcerer CSS ist die wichtigste Änderung, die Webseiten haben Wie im letzten Jahrzehnt gesehen, hat es den Weg für die Trennung von Stil und Inhalt geebnet. Auf moderne Art definiert XHTML die semantische Struktur… Read More), AJAX (hier erfahren Sie mehr) jQuery Tutorial (Teil 5): AJAX Them All! jQuery Tutorial (Teil 5): AJAX ihnen alle! Als wir uns dem Ende unserer jQuery Mini-Tutorial-Serie nähern, ist es an der Zeit, dass wir uns eingehender mit einem der am häufigsten verwendeten Features von jQuery befassen kommunizieren mit… Read More) und JSON.

Unabhängig davon, ob Sie als Webentwickler geplant sind oder nicht, ist es eine gute Idee, zumindest zu wissen, was JSON ist, warum es wichtig ist und warum es heute im gesamten Web verwendet wird.

Was ist JSON??

JSON steht für JavaScript-Objekt-Notation. Hierbei handelt es sich um ein offenes Standardformat, mit dem Daten mit Hilfe des Internets übertragen werden können Attribut-Wert-Paare. Das hört sich vielleicht etwas verwirrend an, also gehen wir noch ein wenig näher darauf ein.

Nehmen wir an, ich habe einen Ballon und Sie wollen meinen Ballon. Eine Möglichkeit, dies zu erreichen, wäre, den Ballon tatsächlich einzupacken und Ihnen per Post zu schicken. Eine alternative Methode wäre jedoch, Ihnen das zu beschreiben Attribute meines Ballons, der es Ihnen ermöglichen würde, den gleichen Ballon wieder herzustellen, ohne den physischen Ballon tatsächlich senden zu müssen.

Mein Ballon könnte einen haben Material Attribut des Wertes Gummi. Es könnte eine haben Farbe Attribut des Wertes rot. Es könnte eine haben Durchmesser Attribut des Wertes zehn Zoll. Es könnte eine haben Gas Attribut des Wertes Helium. Diese vier Attribut-Wert-Paare reichen aus, um meinen Ballon richtig zu visualisieren?

So funktioniert JSON, wenn Daten über das Internet übertragen werden.

Was ist JSON gut??

JSON war nicht das erste Unternehmen, das Attribut-Wert-Paare zur Übertragung von Daten über das Internet verwendete. Die Technikbegeisterten unter Ihnen stellen möglicherweise fest, dass es sehr nach XML klingt. Nun, JSON und XML führen viele der gleichen Aufgaben aus. Warum also JSON über XML wählen??

Im heutigen Web, asynchron Laden von Daten ist wichtig. Mit anderen Worten, Webseiten möchten neue Daten laden können, ohne die gesamte Seite aktualisieren zu müssen. Dies führt zu einem reibungsloseren und günstigeren Browser-Erlebnis. JSON eignet sich hervorragend zum Senden und Empfangen asynchroner Daten, da es einfach und benutzerfreundlich ist.

Aber XML macht dasselbe! Warum bevorzugen manche Leute JSON??

Eine Antwort auf diese Frage kann im Namen von JSON gefunden werden: JavaScript-Objekt-Notation. Sie wird von JavaScript, einer der beliebtesten Sprachen der Welt, nativ erkannt. Da JSON eine Teilmenge von JavaScript ist, müssen Sie nur wenig lernen, wenn Sie JavaScript kennen.

Ein weiterer Grund ist, dass JSON besser lesbar ist als XML. Sicher, es ist leicht, sich an XML zu gewöhnen, wenn Sie es eine Zeitlang verwendet haben, aber ein Blick auf eine XML-Datei kann mit all ihren Tags und ihrer Ausführlichkeit überwältigend sein. JSON ist sauberer, für Neulinge verständlicher und mit seinen grundlegenden Datentypen recht flexibel.

Lesen Sie auf der JSON-XML-Seite, was die Ersteller von JSON zu diesem Vergleich zu sagen haben.

Wie sieht JSON aus??

JSON ist nur eine Reihe von Attribut-Wert-Paaren, die bei Bedarf in sich verschachtelt werden können. Wenn unser Datenobjekt beispielsweise eine Person war, könnte diese Person durch die folgenden JSON-Daten dargestellt werden:

Jede Zeile beginnt mit einem Attribut gefolgt von einem Doppelpunkt, dann die Wert für dieses Attribut. Dieser Wert kann auch ein Array sein “Telefonnummern” Attribut oben. Der Wert kann auch eine Reihe von mehr Attribut-Wert-Paaren sein, die Sie mit der Aktion in sehen können “Adresse” Attribut. Dies nennt man ein Objekt.

Zum Vergleich hier die gleichen Daten, die von XML dargestellt werden:

Fazit

JSON ist nur eine Möglichkeit, Datenobjekte darzustellen, wenn diese über das Internet übertragen werden. Es ist eine Alternative zu XML, die nativ zu JavaScript ist. Dies ist ein Grund, warum es so beliebt und verbreitet ist. Die häufigste Verwendung von JSON ist das Abrufen von Daten von Webservern bei Bedarf.

Hoffentlich haben Sie jetzt ein besseres Verständnis von JSON und dessen Verwendung in der Webentwicklung. Für weitere Informationen ist die JSON-Seite in MDN ein guter Ausgangspunkt.

Bildnachweise: JSON über Shutterstock vergrößert

Erfahren Sie mehr über: Programmierung, Webentwicklung.