jQuery von Kopf bis Fuß (German Edition)

wird’s dynamisch!
    Das Marketingteam möchte, dass die Seite fast in Echtzeit aktualisiert wird. Die fest in die Seite eingebauten Ergebnisse müssen also raus. Außerdem wurde JavaScript bisher nur verwendet, um die Zeit auf der Seite anzuzeigen! Das gibt Ihnen die perfekte Gelegenheit, Ihre jQuery-Fähigkeiten ein gutes Stück weiter zu bringen. Willkommen bei Web applikationen einer neuen Generation! Mit jQuery, JavaScript und etwas Ajax und XML können Sie Ihre Applikationen fast so dynamisch (im Gegensatz zu statisch ) machen wie Desktopprogramme.
    Ajax steht für »Asynchronous JavaScript and XML« und ist eine Methode, um Daten in einem strukturierten Format zwischen dem Browser und dem Server auszutauschen, ohne dass der Benutzer der Website tätig werden muss. Mit Ajax fordern Ihre Seiten und Applikationen nur Informationen vom Server an, die gerade für die Aktualisierung eines bestimmten Teils der Seite benötigt werden. Außerdem werden nur Daten für die Teile ausgetauscht, für die der Server zuständig ist. Das bedeutet weniger Traffic, kleinere Aktualisierungen und somit weniger Wartezeit, während die neuen Daten geladen werden.
    Und das Beste daran: Ajax-Seiten verwenden Internet-Standardtechnologien, also Dinge, die Sie in diesem Buch schon kennengelernt bzw. sogar selbst eingesetzt haben, unter anderem diese:
    HTML
CSS
JavaScript
das DOM
    Für die Benutzung von Ajax brauchen wir ein schon länger existierendes Datenformat (XML) und die jQuery-Methode
ajax
, mit der Ajax-Abfragen verarbeitet werden.
    Bei der Benutzung von Ajax fordern Ihre Webseiten nur die Teile vom Server an, die gerade an einer bestimmten Stelle in der Seite benötigt werden.

Das ALTE Web trifft das NEUE Web
    Auch wenn wir hier mit jQuery arbeiten, müssen wir einen kleinen Blick in die Vergangenheit des Web werfen. In der Zeit des »alten« Web musste eine HTML-Seite als Ganzes neu geladen oder auf eine komplett neue Seite verlinkt werden, um alle Daten zu aktualisieren. Die Seiten wirkten oft schwerfällig, weil das gesamte Dokument jedes Mal erneut vom Server angefordert werden musste. Wieso sollte man jQuery erlernen, wenn die Arbeit mit Daten einen ja doch wieder ausbremst?

Auftritt für Ajax!
    Mit Ajax können Browser und Server Daten dynamisch austauschen. Mithilfe von Ajax und ein paar DOM-Tricks können Sie jQuery und JavaScript verwenden, um nur bestimmte Teile einer Seite (neu) zu laden.

Ajax verstehen
    Wie bereits gesagt, ist Ajax ein Verfahren, um Daten in einem strukturierten Format zwischen dem Webserver und einem Browser auszutauschen, ohne dass der Benutzer der Website dafür tätig werden muss. Tatsächlich ist Ajax kein eigenständiges Verfahren, sondern eine Kombination aus mehreren Technologien, die für die Erstellung interaktiver Webapplikationen genutzt werden können. Mithilfe des JavaScript-Anteils können Sie mit der DOM-Struktur Ihrer Seite interagieren. Asynchron bedeutet, dass der Datenaustausch im Hintergrund stattfindet, ohne dass die Seite oder ein Benutzer direkt von dem Austausch betroffen wäre. Und bei dem X geht es um die Daten.

Was ist Ajax?

    Im Prinzip ist es sogar möglich, HTML zu benutzen. Aber für die Übertragung von Informationen bietet XML einige überragende Vorteile gegenüber seiner Schwestersprache, die wir uns gleich etwas genauer ansehen werden.

Der X-Faktor
    XML ist ein Akronym für e X tensible M arkup L anguage. Es stellt eine weit verbreitete Standardmethode zur Darstellung von Text und Daten in einem Format dar, das ohne menschliches Zutun verarbeitet werden kann. Als XML formatierte Daten können zwischen verschiedenen Plattformen und Applikationen und sogar zwischen Programmiersprachen und Schriftsprachen ausgetauscht werden. XML kann außerdem mit einer Vielzahl von Entwicklungswerkzeugen und Hilfsprogrammen verwendet werden. Dabei ist es so einfach zu erstellen und bearbeiten, dass dafür ein einfacher Texteditor und die XML-Deklaration am Dateianfang ausreichen. Der Rest liegt bei Ihnen.

XML allein tut gar nichts
    Auch wenn es seltsam klingt: XML selbst tut eigentlich gar nichts. Es strukturiert und speichert Informationen und bereitet sie für den Transport auf. Tatsächlich ist XML eigentlich eine Art Metasprache, mit der andere Markup-Sprachen beschrieben werden können. Anders gesagt: XML stellt eine Möglichkeit zur Verfügung, Tags und die strukturellen Beziehungen zwischen ihnen zu definieren. Dabei ist XML allerdings kein Ersatz für HTML, sondern