Dynamische Webseiten

Virtueller Campus Projekt, PHBern

StartseiteJavaScriptCSSJSPPHPMySQLDrucken

Schriftgrösse: kleiner - zurücksetzen - grösser

DHTML und Ajax

Diese Themen werden vorläufig nur in Form einer kurzen Orientierung mit Beispielen aus dem Internet aufgeführt.

DHTML

DHTML steht für Dynamic HTML. Elemente von dynamischen Webseiten können während des Anzeigens durch den Benutzer geändert werden. Bei der DHTML-Programmierung werden HTML, JavaScript und CSS kombiniert verwendet. HTML-Tags werden bei der DHTML-Programmierung nicht als Befehle (Überschriftsbeginn, Überschriftsende) sondern als Begrenzung von Objekten verstanden. So können jedem dieser Objekte Eigenschaften zugewiesen werden.

Beispiele



Ajax

Ajax (Asynchronous JavaScript and XML) ist eine Technologie, die duch die asynchrone Übertragung der Daten zwischen Client und Server charakterisiert wird. Ajax-Anwendungen ermöglichen es, innerhalb einer HTML-Seite eine Anfrage durchzuführen ohne die gesamte Webseiten neu laden zu müssen. Die zusätzlichen Daten werden beim Bedarf vom Server angefordert und nur Teile der aktuellen Webseite aktualisiert. Zum Programmieren von Ajax Webseiten wird eine Kombination mehrerer Webtechniken verwendet: JavaScript, XML, CSS, PHP usw.  

Folgende zwei Grafiken verdeutlichen die Funtkionsweise von Ajax.

Die Ajax-Technologie löst elegant zwei Probleme, die häufig beim Programmieren von dynamischen Webseiten auftreten:
- Verfolgen von längeren Sitzungen
- Übermittlung von grossen Datenmengen
Wenn ein Client z.B. bei einer Online-Bestellung über mehrere Seiten seine Artikel zusammen sucht, muss entweder auf der Clientseite oder serverseitig gewährleiste werden, dass seine Identifikationsdaten nicht verloren gehen. Bei verwendung von Ajax wird beim Client nur eine einzige Seite geladen und während der Sitzung werden neue Daten vom Server in diese Seite eingebaut.
Das selbe gilt auch bei grossen Datenmengen: Es werden nur die notwendigen Daten vom Server zum Client geschickt und zur Laufzeit weitere Daten in die bestehende Seite eingebaut.

Beispiele