In diesem Beispiel wird gezeigt, wie der Inhalt von Formularelementen z.B. aus einer Datenbank nachgeladen werden kann.
Mit der Javascript-Bibliothek jQuery lässt sich ohne großen Aufwand eine einfache Ajax-Anwendung realisieren. Im folgenden gehe ich davon aus, dass in die aufgerufene Seite bereits das jQuery-Framework eingebunden wurde (hier kann das Einbinden nachgelesen werden). Dies ist notwendig, damit das nachfolgende Beispiel funktioniert.
Für was benötige ich die Ajax-Technologie?
Mit der Ajax-Technologie können Seiteninhalte nachgeladen werden, ohne dass diese komplett neu geladen werden muss. In diesem Beispiel werden Daten aus z.B. einer MySQL-Datenbank in ein Formular geladen. Ein Anwendungsgebiet dieses Scripts wäre zum Beispiel ein Änderungsformular eines bereits gespeicherten Textes. Über das erste Auswahlmenü wird der Text ausgewählt, das zweite Auswahlmenü soll dann eine Bewertung anzeigen und im Textfeld soll der Text zum Bearbeiten stehen. Mit diesem Aufbau würde dem Autor des Textes die Bearbeitung angenehm gestaltet werden.
Beispiel
Folgender Code wird in den head-Bereich der Homepage geschrieben:
|
|
Folgender Code wird dorthin geschrieben, wo später die Ausgabe des PHP-Scripts erscheinen soll:
|
|
Erklärung
Im head-Bereich wird das Javascript ausgeführt, das die Daten aus dem PHP-Script nachlädt. Als Parameter wird der
ausgewählte Wert des Select-Feldes übergeben, sowie eine Variable, die beinhaltet, für welches Formularelement der
Aufruf ausgeführt wird.
Im PHP-Script kann dann z.B. eine MySQL-Abfrage ausgeführt werden. Per echo-Befehl werden die Daten dann wieder an
Javascript übergeben, und in die Variable data
geschrieben. Nun wird nur noch der Inhalt der Variable data
in das
jeweilige Element geschrieben, bzw. der Wert des jeweiligen Elements verändert.