JavaScript - Schritt für Schritt

351

Kapitel 19

AJAX für Einsteiger

In diesem Kapitel:

Einführung in AJAX 352

Das XMLHttpRequest-Objekt 353

Fallstudie: Live-Suche und -Aktualisierung 364

Übungen 369

352

Kapitel 19: AJAX für Einsteiger

Nachdem Sie dieses Kapitel gelesen haben, sind Sie in der Lage:



die Grundlagen des AJAX (Asynchronous JavaScript and XML)-Programmierungsparadigmas zu

verstehen



die Unterschiede zwischen synchronen und asynchronen AJAX-Aufrufen zu verstehen



Daten mithilfe von AJAX abzurufen



AJAX mit unterschiedlichen HTTP-Methoden zu verwenden, um Antworten von einem Server abzurufen

Einführung in AJAX

AJAX beschreibt das Programmierungsparadigma, das JavaScript und einen Webserver kombiniert. Ent-

wickler erstellen mithilfe von AJAX interaktive Webanwendungen wie zum Beispiel Microsoft Virtual Earth.

Ohne AJAX kann eine Webanwendung dem Besucher eine gewisse Wartezeit bescheren, während eine Ant-

wort vom Webserver eingeholt wird. Eine AJAX-basierte Anwendung sendet Anforderungen vom Webbrowser

zum Webserver im Hintergrund (asynchron), während der Besucher mit der Anwendung arbeitet. Dadurch

entsteht für den Benutzer der Eindruck einer wesentlich reaktionsfreudigeren Anwendung.

In einer AJAX-Anwendung verarbeitet JavaScript die Antwort und präsentiert dem Benutzer die Daten.

Kombiniert mit Cascading Style Sheets (CSS) und dem guten Layout bietet eine AJAX-Anwendung ausge-

zeichnete Nutzbarkeit und eine Portabilität, wie sie sich nur von einer Webanwendung erreichen lässt.

So komplex manche AJAX-Anwendungen auch aussehen mögen, der eigentliche Vorgang, eine Anforderung

zu senden und die Antwort zu verarbeiten, ist nicht übermäßig kompliziert. Dieses Kapitel erläutert, wie Sie

mithilfe des fundamentalen AJAX-Objekts XMLHttpRequest Anforderungen senden und Antworten emp-

fangen können.

Ein zentrales Konzept in AJAX ist, dass Sie serverseitige Anwendungen aufrufen, um Daten zurückzugeben.

In diesem Kapitel gebe ich einen kurzen Überblick, wie sich eine derartige Anwendung sowohl mit

ASP.NET als auch PHP erstellen lässt. (PHP ist ein rekursives Akronym für PHP Hypertext Preprocessor.)

Eventuell notwendige Unterstützung für das Erstellen des serverseitigen Teils einer AJAX-Anwendung

finden Sie in mehreren Quellen.

Wenn Sie eine serverseitige Anwendung mit Microsoft-Technologien erstellen, empfiehlt sich das Microsoft

Developer Network (MSDN) mit vielen Tutorials und einem Einführungsartikel zu AJAX (http://msdn.

microsoft.com/de-de/magazine/cc163363.aspx). Außerdem hat Microsoft Press mehrere hervorragende Bücher

veröffentlicht, die sich mit dem Erstellen von Webanwendungen beschäftigen. Ein solcher Titel ist Microsoft

ASP.NET 3.5 Step By Step (Microsoft Press, 2008). Informationen zu anderen Büchern erhalten Sie unter

http://www.microsoft.com/mspress.

Möchten Sie eine serverseitige Anwendung mit anderen Technologien wie zum Beispiel dem LAMP (Linux,

Apache, MySQL, Perl/PHP/Python)-Stack entwickeln, geht es wahrscheinlich am schnellsten, sich in Web-

Tutorials mit der Entwicklung auf der Plattform vertraut zu machen. Das Buch Learning Perl (O’Reilly,

2005) ist eine hervorragende Quelle, um sich die Grundlagen der Programmiersprache Perl anzueignen.

HINWEIS

Falls Ihnen mein Schreibstil gefällt, sei Ihnen das Buch Beginning Perl Web Development (Apress, 2005) empfoh-

len, das sich auf die Verwendung von Perl mit Webanwendungen konzentriert.

Die Hauptwebsite für PHP (http://www.php.net) bildet einen guten Ausgangspunkt für Informationen zu PHP.

Für Python sollten Sie sich die Python-Website (http://www.python.org oder auch http://www.python.de/)

ansehen.