Mit der steigenden kommerziellen Nutzung des Internets sind auch die Anforderungen der Benutzer an die zur Verfügung gestellten Webanwendungen gestiegen. Der Wunsch nach desktopähnlichen Programmen, die eine hohe Benutzerfreundlichkeit und geringe Ladezeiten bieten, ist größer den je. Professionelle Webauftritte wie zum Beispiel Google Suggest, Google Maps oder Flickr zeigen, dass man mit dem heutigen Stand der Technik diesem Wunsch gerecht werden kann.
In diesem Zusammenhang tauchen die Begriffe Web 2.0 und AJAX in den Medien immer häufiger auf. Web 2.0 bezeichnet die neue Art des Applikationsdesigns zur Erstellung interaktiver Webanwendungen und AJAX dient als Sammelbegriff für die dafür verwendeten Technologien und Standards. Im Folgenden wird die Verwendung von AJAX erläutert. Das erste Kapitel beschäftigt sich mit der Begriffsbestimmung und den Grundlagen zur Entwicklung einer interaktiven Webapplikation. Danach folgt ein Überblick über bereits existierende Frameworks, die den Programmierer in seiner Tätigkeit unterstützen können. In Kapitel vier wird die Umsetzung der Theorie anhand eines Anwendungsbeispiels verdeutlicht. Abschließend werden die gesammelten Erkenntnisse in einem Fazit zusammengefasst.
Inhaltsverzeichnis
1. Einleitung
2. Grundlagen
2.1 Begriffsbestimmung
2.2 Funktionsweise
2.3 Das XMLHttpRequest-Objekt
2.4 Vor- und Nachteile von AJAX
3. AJAX Frameworks
4. Anwendungsbeispiel
5. Fazit
Zielsetzung und Themen
Die vorliegende Arbeit gibt eine grundlegende Einführung in die Technologie AJAX und untersucht deren Einsatzmöglichkeiten zur Erstellung interaktiver Webanwendungen. Ziel ist es, die Funktionsweise der Technologie sowie deren Vor- und Nachteile zu beleuchten und die praktische Umsetzung durch ein konkretes Anwendungsbeispiel zu verdeutlichen.
- Grundlagen und Definition von AJAX
- Die Rolle des XMLHttpRequest-Objekts
- Gegenüberstellung von klassischer Webarchitektur und AJAX
- Vor- und Nachteile der Technologie
- Praktische Implementierung dynamischer Listen
Auszug aus dem Buch
2.2 Funktionsweise
Klassische Webanwendungen bauen auf dem Prinzip auf, dass ein Benutzer über seinen Webbrowser eine Anfrage an einen Webserver schickt und auf dessen Antwort wartet. Eine Anfrage wäre zum Beispiel die Anforderung einer Webseite. Nach einer gewissen Wartezeit bekommt der Benutzer die Rückmeldung des Webservers in Form einer Fehlermeldung oder der gewünschten Webseite. Die Wartezeit setzt sich aus der Bearbeitungszeit der Anfrage durch den Webserver und der Ladezeit, die abhängig von der zur Verfügung stehenden Bandbreite ist, zusammen. Der Arbeitsfluss des Benutzers gerät bei zu langen Wartezeiten oder zu komplexen Aufgaben unter Umständen ins stocken.
AJAX-Anwendungen dagegen versuchen mit einer zusätzlichen Applikationsschicht, einer so genannten AJAX-Engine, den Schwächen von klassischen Webapplikationen entgegenzuwirken. Diese in JavaScript programmierte Schicht wird beim Aufruf einer Webseite vom Browser des Benutzers geladen. Benutzeraktionen können direkt clientseitig bearbeitet werden ohne dass jedes Mal eine neue Anfrage an den Webserver stattfinden und eine neue Seite geladen werden muss. So kann zum Beispiel eine Benutzereingabe in einem Formular direkt von der Engine geprüft und gegebenenfalls eine Fehlermeldung ausgegeben werden. Danach kann im Hintergrund eine Verbindung aufgebaut werden, die die Eingabe in einer Datenbank speichert, während gleichzeitig der Benutzer weitere Eingaben tätigt. Der Vorteil der hierdurch entsteht ist, dass nur noch die benötigten Daten zur Aktualisierung der Webseite nachgeladen werden und so die Serverlast reduziert wird.
Zusammenfassung der Kapitel
1. Einleitung: Diese Einleitung beschreibt die steigenden Anforderungen an moderne Webanwendungen und stellt AJAX als Lösungsansatz für interaktives Applikationsdesign vor.
2. Grundlagen: In diesem Kapitel werden der Begriff AJAX definiert, die technische Funktionsweise erläutert und das zentrale XMLHttpRequest-Objekt detailliert beschrieben.
3. AJAX Frameworks: Hier wird der Nutzen von Funktionsbibliotheken bei der Entwicklung mit AJAX erklärt und zwei Beispiele, Sajax und Sarissa, kurz vorgestellt.
4. Anwendungsbeispiel: Dieses Kapitel veranschaulicht die praktische Umsetzung von AJAX anhand eines HTML-Formulars, das Werte einer Liste dynamisch aktualisiert.
5. Fazit: Das Fazit resümiert, dass AJAX durch die Kombination bewährter Technologien ein hohes Potenzial für die moderne Webentwicklung bietet.
Schlüsselwörter
AJAX, Asynchronous JavaScript and XML, Web 2.0, Webanwendung, XMLHttpRequest, Internet, Browser, JavaScript, DOM, Dynamische Webseite, Applikationsdesign, Client-Server-Kommunikation, Frameworks, Sajax, Sarissa
Häufig gestellte Fragen
Worum geht es in dieser Hausarbeit grundsätzlich?
Die Arbeit bietet eine fundierte Einführung in die AJAX-Technologie, ihre Entstehung und ihre Bedeutung für die moderne Webentwicklung.
Welche zentralen Themenfelder werden behandelt?
Zentrale Themen sind die theoretischen Grundlagen der AJAX-Architektur, das XMLHttpRequest-Objekt, verschiedene AJAX-Frameworks sowie eine praktische Implementierung.
Was ist das primäre Ziel der Arbeit?
Das Ziel ist es, dem Leser zu vermitteln, wie AJAX funktioniert, welche Vorteile es gegenüber klassischen Webanwendungen bietet und wie man es praktisch einsetzt.
Welche wissenschaftliche Methode wird verwendet?
Es handelt sich um eine einführende Literaturanalyse kombiniert mit einer praktischen Anwendungsdemonstration in Form eines Programmierbeispiels.
Was wird im Hauptteil behandelt?
Der Hauptteil gliedert sich in die theoretische Funktionsweise, eine technische Analyse des XMLHttpRequest-Objekts, einen Überblick über existierende Frameworks und ein praxisnahes Beispiel zur dynamischen Datenaktualisierung.
Welche Schlüsselwörter charakterisieren die Arbeit?
Die Arbeit lässt sich primär durch Begriffe wie AJAX, Web 2.0, XMLHttpRequest, JavaScript und dynamische Webentwicklung beschreiben.
Warum ist das XMLHttpRequest-Objekt für AJAX so entscheidend?
Es fungiert als Herzstück der Kommunikation zwischen Browser und Webserver, da es das asynchrone Senden von Anfragen ermöglicht, ohne dass die gesamte Seite neu geladen werden muss.
Welche Einschränkungen ergeben sich bei der Verwendung von AJAX?
Die Nutzung hängt von der JavaScript-Aktivierung im Browser ab, und zudem kann die Funktionalität des Zurück-Buttons sowie die Setzbarkeit von Bookmarks beeinträchtigt werden.
- Quote paper
- Paolo Leon Vacilotto (Author), 2006, AJAX - Eine Einführung mit einem Praxisbeispiel, Munich, GRIN Verlag, https://www.grin.com/document/56345
