JSON - Einführung
Online-Beispiele
Mit unserem Editor können Sie JavaScript-Code online bearbeiten und dann auf eine Schaltfläche klicken, um das Ergebnis anzuzeigen:
JSON-Beispiele
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
</head>
<body>
<h2>JavaScript: JSON-Objekte erstellen</h2>
<p>Website-Name:<span id="jname"></span><br />Website-Adresse:<span id="jurl"></span><br />Website-Slogan:<span id="jslogan"></span><br />
</p>
<script>
var JSONObject= {
"name":"Beispiel-Tutorial",
"url":"www.example.com",
"slogan":"Lerne nicht nur Technologie, sondern auch Träume!"
};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jurl").innerHTML=JSONObject.url
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>
</body>
</html>
Selbst ausprobieren »
Klicken Sie auf die Schaltfläche "Probieren Sie es selbst", um das Online-Beispiel anzuzeigen.
Ähnlichkeiten mit XML
- JSON ist reiner Text
- JSON ist "selbstbeschreibend" (für Menschen lesbar)
- JSON hat eine hierarchische Struktur (Werte innerhalb von Werten)
- JSON kann von JavaScript geparst werden
- JSON-Daten können mit AJAX übertragen werden
Unterschiede zu XML
- Keine End-Tags
- Kürzer
- Schneller zu lesen und zu schreiben
- Kann mit der in JavaScript integrierten eval()-Methode geparst werden
- Verwendet Arrays
- Verwendet keine reservierten Wörter
Warum JSON verwenden?
Für AJAX-Anwendungen ist JSON schneller und einfacher zu verwenden als XML:
XML verwenden
- Das XML-Dokument lesen
- XML DOM verwenden, um das Dokument zu durchlaufen
- Werte lesen und in Variablen speichern
JSON verwenden
- Den JSON-String lesen
- Den JSON-String mit eval() verarbeiten