Ajax ist eine Abkürzung für Asynchronous JavaScript and XML. Es bezeichnet ein Konzept der asynchronen Datenübertragung zwischen einem Server und dem Browser, welches es ermöglicht, innerhalb einer HTML-Seite eine HTTP-Anfrage durchzuführen, ohne die Seite komplett neu laden zu müssen.
Hier ist ein Beispielcode Ajax in CityDesk (von dieser Website adaptiert) welcher das Benutzerfeedback des obigen Formulars verarbeitet und an eine Email-Adresse weiterleitet. Die zugehörige CityDesk Datenbankdatei steht hier (nur 26KB zip-Datei) zum Download bereit und kann leicht an eigene Bedürfnisse angepasst werden. Hinweis: Sie benötigen einen Webspace oder lokale Webserver-Software, die PHP unterstützt.
Wenn der Benutzer auf den "Submit"-Button klickt, erscheint eine Animation während der Server die Formulardaten im Hintergrund verarbeitet - ohne die Webseite neu zu laden:
Dann erscheint ein Bestätigungstext ("Thank you!"):
Die CityDesk-Datenbank besteht aus drei wesentlichen Dateien:
- dem index-Artikel mit dem Formular und der Animation
- der Javascript-Datei zur Verarbeitung des Submit-Aufrufs
- der PHP-Datei zum Versand der Email
Hinweis: Die CityDesk-Datenbankdatei können Sie hier herunterladen und für eigene Zwecke frei verwenden. Die HTML View des index-Artikels sieht wie folgt aus:
Erkennbar (Hervorhebung in Blau) wird durch Mausklick auf den Submit-Button die Funktion "sendPoll()" aufgerufen. Dies ist eine Javascript-Funktion, die den Ajax-Aufruf einleitet und das PHP Serverskript aufruft. Tipp: Die Animation ist zunächst unsichtbar ("hidden") und wird erst nach dem Klick auf Submit sichtbar gemacht.
Hier ist die sendPoll() Funktion im Javascript-Code:
Aus Javascript heraus wird dann das PHP-Skript (blaue Hervorhebung mit magic name) aufgerufen um die Formulardaten an eine Email-Adresse zu senden:
Tragen Sie Ihre eigene Email-Adresse ein, veröffentlichen Sie das Projekt auf Ihrem Webserver und viel Spass beim Einstieg in Ajax.
teampublish :: In Kürze bieten wir unsere eigene "Web-basierte Version" von CityDesk namens teampublish an. Fortgeschrittene Ajax-Technologie ermöglicht eine ebenso komfortable Benutzerführung wie Sie es von CityDesk her gewohnt sind - aber mit allen Vorteilen einer Web Applikation. Bleiben Sie auf dem Laufenden und tragen Sie sich für unseren CityDesk-Newsletter ein. Dort erscheinen CityDesk Tipps, Tutorials, Erweiterungen und die Markteinführungsinformation zu teampublish.