div - beim Fachbereich Informatik - Hochschule Darmstadt

2.3.6 Ajax
Hinführendes Beispiel – Teil 2
� Es sollen nun Daten eingefügt werden, die der Webserver liefert
� Ein Webserver bietet die Möglichkeit Programme aufzurufen
z.B. PHP-Code um die aktuelle Uhrzeit als String abzufragen
� aber dann wartet ("hängt") der Browser bis der Webserver antwortet
� und wie kann man neue Daten an eine bereits geladenen HTML-Seite
übertragen, ohne die ganze Seite neu zu laden?
� XMLHttpRequest ermöglicht genau diese Funktion
� Festlegung einer Funktion zur Verarbeitung von
(zurückkommenden) Daten ("Callback-Handler")
� Festlegen der Abfrage (URL etc.)
� Absenden der Abfrage mit asynchroner Antwort
var request = new XMLHttpRequest(); // RequestObject anlegen
request.open("GET", "zeit.php"); // URL für HTTP-GET festlegen
request.onreadystatechange = processData; // Callback-Handler zuordnen
request.send(); // Request abschicken
Prof. Dr. R. Hahn, Prof. Dr. B. Kreling, h_da Fachbereich Informatik, Entwicklung webbasierter Anwendungen, SS2009
206