Ajax HACKS. O'REILLY* Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo. Bruce W Perry. Deutsche Übersetzung von Kathrin Lichtenberg

Transkript

1 Ajax HACKS Bruce W Perry Deutsche Übersetzung von Kathrin Lichtenberg O'REILLY* Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo

2 Inhalt Vorwort Credits Einleitung IX XI XV Kapitel 1. Ajax-Grundlagen 1 1. Die Browser-Kompatibilität mit dem Request-Objekt erkennen 5 2. Daten mit dem Request-Objekt per POST an den Server schicken 9 3. Ihre eigene Bibliothek für XMLHttpRequest verwenden Daten als XML empfangen Ganz normale Strings beziehen Daten als Zahl empfangen Daten im JSON-Format empfangen Request-Object-Fehler verarbeiten Die HTTP-Antwort untersuchen Eine mit einem Stil versehene Nachricht mittels einer CSS-Datei generieren Sofortiges Generieren einer mit einem Stil versehenen Benutzernachricht 56 Kapitel 2. Web-Formulare Textfeld- oder textarea-daten ohne Browser-Refresh an den Server übermitteln Textfeld- oder textarea-daten mit Hilfe von Server-Daten darstellen 71 I V

3 14. Werte von Auswahllisten ohne Verzögerung an den Server übermitteln Eine neue Auswahlliste mit Hilfe von Server-Daten dynamisch generieren Eine existierende Auswahlliste erweitern Checkbox-Werte ohne Verzögerung an den Server übermitteln Dynamisch eine neue Checkbox-Gruppe mit Server-Daten generieren Eine existierende Checkbox-Gruppe vom Server aus füllen Ungeordnete Listen mit Hilfe einer HTTP-Antwort ändern Verborgene Tag-Werte an eine Server-Komponente übergeben 130 Kapitel 3. Validierung Ein Textfeld oder eine textarea auf leere Felder überprüfen Syntax validieren Eindeutige Benutzernamen validieren Kreditkartennummern validieren Sicherheitscodes von Kreditkarten validieren Eine Postleitzahl validieren 166 Kapitel 4. Superhacks für Web-Entwickler Auf die Google Maps-API zugreifen Das Request-Objekt der Google Maps-API verwenden Ajax mit einem Google Maps- und Yahoo!-Maps-Mashup verwenden Einen XML-Datenstrom von Weather.com anzeigen Ajax mit einem Yahoo! Maps- und GeoURL-Mashup verwenden Debugging von Ajax-generierten Tags in Firefox Eine Postleitzahl abrufen Große, wartbare Bookmarklets anlegen Eine permanente, clientseitige Speicherung für Ajax-Anwendungen einsetzen Die Browser-History mit iframes steuern Cookie-Werte an ein Server-Programm senden Mit XMLHttpRequest einen Energiepreis von einer Webseite beziehen 228 VI I Inhalt

4 40. Mit XMLHttpRequest eine senden Suchen der Lokalisierungsinformationen eines Browsers Einen RSS-Feed-Leser erstellen 244 Kapitel 5. Direct Web Remoting (DWR) für Java-Experten DWR in Ihre Java-Web-Anwendung integrieren DWR verwenden, um eine Auswahlliste aus einem Java-Array heraus zu füllen DWR verwenden, um eine Auswahlliste aus einer Java-Map heraus zu erzeugen Die Schlüssel/Werte aus einer Java-HashMap auf einer Webseite darstellen Mit DWR eine sortierte Liste aus einem java-array füllen Mit JavaScript auf ein eigenes Java-Objekt zugreifen Mit DWR ein integriertes Java-Objekt aus JavaScript heraus aufrufen 275 Kapitel 6. Ajax-Hacks mit den Prototype- und Rico-Bibliotheken Die Ajax-Werkzeuge von Prototype für Ihre Anwendung benutzen Den Inhalt eines HTML-Elements vom Server aus aktualisieren Beobachter für Felder von Webseiten erzeugen Rico verwenden, um mehrere Elemente mit einer Ajax-Antwort zu aktualisieren Einen Drag-and-Drop-Buchladen anlegen 299 Kapitel 7. Mit Ajax und Ruby on Rails arbeiten Ruby on Rails installieren Entfernte Aufrufe mit Rails überwachen Stellen Sie Ihr JavaScript Rails-Anwendungen zur Verfügung Dynamisch eine Auswahlliste in einem Rails-Template generieren Feststellen, ob eine Anforderung von Ajax kommt Dynamisches Erzeugen einer Auswahlliste mit Datenbankdaten Regelmäßig einen Fernaufruf ausführen Dynamisch Anforderungsinformationen für XMLHttpRequest anschauen 336 Inhalt I VII

5 Kapitel 8. Die JavaScript-Bibliothek script.aculo.us nutzen Visuelle Effekte aus Script.aculo.us in eine Ajax-Anwendung integrieren Erzeugen eines Login-Feldes, das ungültige Logins einfach abtut Erzeugen eines sich automatisch vervollständigenden Feldes mit Script.aculo.us Erzeugen eines Editor-Feldes an Ort und Stelle Erzeugen eines Web-Formulars, das verschwindet, wenn es übermittelt wird 356 Kapitel 9. Optionen und Wirkungen In Ajax-An Wendungen den Zurück-Button des Browsers austricksen Bookmarks und Zurück-Buttons mit RSH verarbeiten Eine Zeitbegrenzung für die HTTP-Anforderung einstellen Verbessern der Wartbarkeit, Leistungsfähigkeit und Zuverlässigkeit von großen JavaScript-Anwendungen JavaScript- und Ajax-Code verschleiern Mit einem dynamischen script-tag Anforderungen an Web-Services richten Apache für den Umgang mit domain-übergreifenden Problemen konfigurieren Eine Suchmaschine in Ihrem Browser ausführen Deklarative Auszeichnungen über XForms anstelle von Script verwenden Einen clientseitigen Cache aufbauen Ein Auto-Vervollständigen-Feld erzeugen Dynamisch mehr Informationen über ein Thema anzeigen Mit Strings und Arrays dynamisch HTML generieren 431 Index 435 VIII I Inhalt