AJAX-Grundlagen: Das neue Web

Praxis-Workshop: Ein Ajax-Forum

Das Beispiel arbeitet wie folgt: Der Mausklick auf die Überschrift startet Javascript, das seinerseits den benötigten Text per Ajax nachlädt und an passender Stelle einbaut. Der HTML-Body der Thread-Seite wird vom Server wie folgt generiert:

<div id="p1" onclick="GetText('p1')">Die erste Überschrift zum Thread</div>
<div id="p2" onclick="GetText('p2')">Die erste Antwort</div>
<div id="p3" onclick="GetText('p3')">Die zweite Antwort</div>

Die einzelnen Überschriften befinden sich also jeweils innerhalb eines DIV-Elementes und haben auch eine jeweils eindeutige ID. In der Praxis würde man dafür vermutlich die ID des zugehörigen Datensatzes aus der Datenbank verwenden, in der sich die Nachrichten befinden. Für jedes DIV wird ein „onclick“-Eventhandler gesetzt. In der Praxis würde man dies sicherlich ebenfalls per Javascript tun, um das Beispiel einfacher zu gestalten wurde darauf hier aber verzichtet. Der Click-Handler hat einen Parameter, und zwar die ID des DIVs.