Fakultät Informatik/Mathematik Internettechnologien für Geoinformatik/Management
Prof. Dr.-Ing. habil. P. Sobe
10. Praktikum – Dynamische Inhalte per AJAX und XML-Daten
Im 10. Praktikum wird die flightinfo-Webanwendung verlassen und eine neue kleinere Webanwendung gestaltet. Dabei werden Inhalte per AJAX aus einer XML-Datei angefordert und verarbeitet. Diese Art der Verknüpfung einer Webanwendung mit XML-Daten wurde auch schon im 4. Praktikum vorgenommen. Damals hatten wir die AJAX-Technik innerhalb loadxmlobject.js genutzt. Jetzt soll AJAX direkt verwendet werden.
Um tatsächlich eine Übertragung von einem Webserver vorzunehmen und die Same- Origin-Policy einzuhalten, wird empfohlen, die html-Webseite und die XML-Datei(en) zusammen per XAMPP von localhost aus dem gleichen Publikationspfad zu
beziehen.
Teilaufgaben:
a) Erstellen Sie die neue Webseite! Benutzen Sie die Datei ajaxwetter_vorlage.html als Ausgangspunkt.
Laden Sie mittels eines XMLHttpRequests und der GET-Operation ein XML- Objekt vom Server!
Als XML-Datei soll eine der verfügbaren Wettermeldungen-Dateien verwendet werden. Die XML-Daten können als Objekt von responseXML entnommen werden.
b) Werten Sie das empfangene XML-Dokument aus!
Stellen Sie in den mit textfeld1, textfeld2 und textfeld3 identifizierten HTML- Elementen die folgenden Daten dar:
readyState und Status des XMLHttpRequests
die einzelnen Temperaturen
(<temp>-Tags des XML-Dokuments)
und den Mittelwert aller Temperaturen
Zusatzaufgabe:
Erweitern Sie die Webseite so, dass Sie tabellarisch die Orte und Temperaturen angezeigt bekommen. Der Temperatur-Mittelwert soll dann wie die Temperatur eines zusätzlichen Ort gehandhabt werden.