JSON (sprich Jason) ist ein Dateiformat, welches man anstatt XML einsetzen kann. Es bedeutet Javascript Objekt Notation. Man speichert es mit der Endung json
ab.
Der Aufbau von JSON sieht ganz ähnlich auch wie Javascript Objekte in der Literalschreibweise.
{ "info": ["Wald", "Feldweg", "See"] }Der Unterschied zwischen JSON und Javascript Objekten
{ "filme": [ { "title": "Hellboy", "regie": "Guillermo del Toro", "jahr": "2004", "schauspieler": ["Ron Perlman", "John Hurt"] }, { "title": "Brazil", "regie": "Terry Gilliam", "jahr": "1985", "schauspieler": [ "Jonathan Pryce", "Ian Holm", "Michael Palin", "Robert de Niro", "Kim Greist" ] }, { "title": "Day Shift", "regie": "J.J.Perry", "jahr": "2022", "schauspieler": ["Jamie Fox", "Dave Franco", "Snoop Dog"] } ] }
Man kann in Javascript ein JSON Objekt folgendermaßen erstellen.
let obj = { "info": ["Wald", "Feldweg", "See"] }
Das JSON Objekt stellt 2 Methoden bereit
JSON.stringify()
Umwandeln von Javascript Objekten in eine Zeichenekette im JSON-Format.
JSON.parse()
Umwandeln von Zeichenketten im JSON Format in ein Javascript Objekt.
Die Methode stringify()
wandelt ein Javascript Objekt in eine Zeichenkette im JSON Format um. Der erste Parameter erwartet ein Javascript Objekt.
Als zweiten Parameter kann man eine Funktion eingeben, über die sich die Umwandlung steuern lässt. Die Funktion wird für jede Eigenschaft des Objekts angewendet.
Der dritte Parameter definiert die Einrückung.
let string = JSON.stringify(obj, (key,value)=>{return value;}, 2)
Mit parse()
wird eine Zeichenkette im JSON-Format in ein Javascript Objekt umgewandelt. Das erste Argument ist die JSON Zeichenkette. Das zweite Argument ist eine Funktion welche die Umwandlung steuert. Die Funktion wird auf jede Eigenschaft angewandt.
let objParsed = JSON.parse(string, (key,value)=>{return value;});
Abrufen eine JSON-Datei mit AJAX und anzeigen siehe hier .