Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript Grundkurs

JSON nachfordern

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
JSON ist das Format der Wahl, wenn man bei AJAX strukturierte Informationen vom Server anfordern will. Es verbindet die Leistungsfähigkeit von XML mit einer viel einheitlicheren Unterstützung der wichtigsten Browser und einer sehr einfachen Verwertung.
02:33

Transkript

In diesem Video möchte ich Ihnen zeigen, wie Sie mit Ajax Json Daten anfordern können, wenn Sie den Mauszeiger hier über diese Bilder bewegen, dann sehen Sie das hier Zusatzinformationen auf der rechten Seite auftauchen und diese Zusatzinformationen liegen in Form von einem Json Fall vor. Sie sehen hier, dass ich eine Textdatei mit der Erweiterung Json verwende. Diese ist von der Struktur viel einfacher als beispielsweise XML-Dateien. Sie sehen, dass es hier einen Key Info gibt und ein entsprechendes RE mit 3 Stringelementen. Die eigenenliche HTML Datei ist in Anführungszeichen harmlos. Sie werden dort nichts ungewöhnliches finden. Interessant ist es natürlich, wieder in der JavaScript Datei. Sie sehen hier, dass wir hier auf eine Json Datei referenzieren, eben besagte , dass ich hier eben gerade gezeigt habe und das Interessante ist, dass ich in der Funktion handle response, wieder mit responseText arbeite. So als würde ich klassischen Text anfordern oder HTML nicht etwa, wie Fall von XML mit response XML. Ich hole mir einen String vom Server und diesen parse ich. Es gibt in neueren Version von Javascript zumindestens eine Klassenmethode Pass von der Klasse Json und diese wandelt sofern der String vom Format korrekt ist, diesen String in einer Objekt, in ein Jason Objekt und dieses Jason Objekt nenne ich hier Daten. Sobald also die Antwort vom Server eingetroffen ist, habe ich so ein Json Objekt zu Verfügung und auf dieses kann ich per Punktnotation zugreifen oder RE notation, wie man es gewohnt ist, Daten.info und damit habe ich dieses RE oder Objekt. Ich kann das wirklich Synonym benutzen und Sie sehen, dass es sehr konsistent gehandhabt wird, Sie brauchen auf keine Browserbesonderheiten Rücksicht zu nehmen, sondern Sie bekommen schlicht und einfach eine Punktnotation, wie man es in Objektorientierung der klassischen Form immer hat und darüber können Sie gezielt an die Inhalte, in diesem Json String, in den Json Objekt zur Verfügung stehen und was ich dann konkret mit diesen Json Inhalten mache, das ist jetzt meine Sache. Das ist die DHTML. Sie sehen hier, dass ich mir gezielt einen dieser Json Werte nehme und dann in einem bestimmten Bereich der Webseite hineinschreibe. Dazu nehme ich eine ID, die natürlichen in einer gewissen Logik aufgebaut ist, aber das ist reines DHTML und ein bisschen Programmierlogik. Was Sie also in diesem Video gesehen haben, ist dass die Anforderung von Json per Ajax mittlerweile sehr einfach ist, sehr universell eingesetzt werden kann und es ist viel leichter möglich ist Logik in ein Datenformat zu Packen, als es beispielsweise bei XML der Fall ist.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!