04.02.2013 Aufrufe

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

MEHR ANZEIGEN
WENIGER ANZEIGEN

Erfolgreiche ePaper selbst erstellen

Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.

Linktipp:<br />

Ajax: A New Approach to Web Applications:<br />

http://www.adaptivepath.com/ideas/essays/<br />

archives/000385.php<br />

Abb. 4.7.9a, b: Beispiel für eine Webanwendung,<br />

die ohne Ajax aufgrund des immensen<br />

Datenaufkommens schleichend langsam wäre:<br />

Google Maps mit Streetview<br />

(http://maps.google.com)<br />

(©2009 Google-Grafiken, ©2009 TerraMetrics,<br />

Kartendaten, ©2009 PPWK, Basarsoft, AND,<br />

Europa Technologies)<br />

120<br />

Weiterführende Technologien<br />

4.7.9 Ajax<br />

Ajax steht für „Asynchronous JavaScript and XML“ und ist keine<br />

eigene Technik, sondern ein Konglomerat unterschiedlicher<br />

Technologien, von denen einige bereits in dem Akronym „Ajax“<br />

genannt werden. Einige Ajax-Techniken wurden schon in den 90er<br />

Jahren eingesetzt.<br />

Ajax soll ein besseres Gleichgewicht zwischen client- und serverseitiger<br />

Funktionalität herstellen, deshalb besteht eine Ajax-Anwendung<br />

auch aus Skripten bzw. Programmen sowohl auf Client- als auch auf<br />

Serverseite sowie einem Objekt für die Client-Server-Kommunikation<br />

auf asynchroner Basis.<br />

Eine Ajax-Anwendung setzt sich aus den folgenden Teilen zusammen:<br />

Client<br />

Die von den Browsern am besten unterstützte Skriptsprache<br />

JavaScript übernimmt in der Regel den clientseitigen Teil der<br />

Anwendung. Mit Hilfe des DOM können JavaScript-Funktionen<br />

Teile der (X)HTML-Seite bearbeiten.<br />

Server<br />

Mit JSP, PHP, Active Server Pages (ASP), um nur ein paar Beispiele<br />

zu nennen, stehen eine Menge Techniken für die serverseitige<br />

Programmierung (S. 113) zur Verfügung.<br />

Kommunikation und Datenaustausch<br />

Das von Microsoft entwickelte XMLHttpRequest-Objekt ermöglicht<br />

es, asynchron auf den Server zuzugreifen, während der Benutzer<br />

weiterarbeiten kann. Der Datenaustausch erfolgt im Hintergrund.<br />

Das Serverskript sendet seine Antworten per http zurück, und zwar<br />

in Formaten, die von JavaScript leicht geparst werden können.<br />

Dies muss nicht zwangsläufig XML sein, eine beliebte Alternative<br />

stellt hier die JavaScript Object Notation (JSON) dar.

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!