So bringen Sie Speed in Ihre Webpräsenz ADDISON-WESLEY. An imprint of Pearson Education

Größe: px

Ab Seite anzeigen:

Download "So bringen Sie Speed in Ihre Webpräsenz ADDISON-WESLEY. An imprint of Pearson Education"

Laura Braun
vor 7 Jahren
Abrufe

1 ADDiSON-WESLEYf Ralph Steyer AJAX mit Java-Servlets und ISP So bringen Sie Speed in Ihre Webpräsenz es ADDISON-WESLEY An imprint of Pearson Education München Boston San Francisco Harlow, England Don Mills, Ontario Sydney Mexico City Madrid Amsterdam

2 Inhaltsübersicht 1 Einleitung 17 2 AJAX stellt sich vor 25 3 (X)HTML) und DOM für AJAX-Programmierer 75 4 Style Sheets für AJAX-Programmierer 89 5 JavaScript für AJAX HTTP und die Interna des XMLHttpRequest-Objekts DHTML für AJAX-Entwickler XML für AJAX-Entwickler Serverseitige Java-Programmierung für AJAX AJAX-Alternativen AJAX-Frameworks 327 A Anhang 333 Stichwortverzeichnis 341

3 = if; if i V--.-J Einleitung Wer ich bin Wer sind Sie? Was behandelt das Buch? Schreibkonventionen Was benötigen Sie? 21 AJAX stellt sich vor Wozu AJAX? Der Datentransfer per Paketvermittlung Clientseitige Webprogrammierung als erste Optimierung Probleme bei clientseitiger Programmierung Rückverlagerung auf den Server Der Status quo Wozu brauchen wir AJAX? Die Geschichte von AJAX Sprung ins kalte Wasser Aufbau einer Testumgebung Das konkrete Beispiel Ein paar Ideen zur Erweiterung bzw. Abwandlung Einige kritische Bemerkungen zu AJAX Einige interessante AJAX-Projekte AJAXWhois Google Maps Yahoo Maps Google Pages Writely Yahoo Flickr Google suggest Microsoft Live.com Geonames.org Zusammenfassung 72

4 j i i 3 (X)HTML) und DOM für AJAX-Programmierer 75 j'ltj. 3.1 Der Aufbau von (X)HTML-Dateien Steueranweisungen Attribute Strukturierung und Gestaltung mit HTML Gruppierung von Inhalt Formulare zur Benutzerinteraktion HTML-Formular-Tags Der <form>-tag - remember AJAX Ab in den DOM-aus Sicht von HTML Ein tolles Ereignis Die konkreten Eventhandler Zusammenfassung 87 4 Style Sheets für AJAX-Programmierer CSS, XSL & more Von den Daten zur Darstellung XSL CSS Die Verwendung von Style Sheets in einer Webseite Interne Style Sheets Externe Style Sheets Inline-Definition Kaskadierende Wirkung von Stilinformationen Die konkrete Syntax von CSS-Deklarationen Selektoren Positionierung und Ausblenden von beliebigen Elementen über CSS Zusammenfassung JavaScript für AJAX Die Einbindung von JavaScript in eine Webseite Die direkte Notation Die Einbindung einer externen JavaScript-Datei Die Inline-Referenz Ist JavaScript bei einem Browser aktiviert? 106 8

5 IBj i 5.3 Elementare Grundstrukturen von JavaScript i -=>, Variablen und Datentypen-Vorsicht vor loser Typisierung 108 ;& Arrays Anweisungen Funktionen, Prozeduren und Methoden Definition eigener Funktionen Rückgabewerte einer Funktion mit return Aufruf von Funktionen und Methoden JavaScript und Objekte Was ist ein Objekt? Methoden und Eigenschaften eines Objekts verwenden Objektbasierend versus objektorientiert Erzeugen von Objekten Explizite Objekterzeugung mit einem Konstruktor Ausnahmebehandlung in JavaScript Was sind Ausnahmen? Auffangen von Ausnahmen Eine universelle Funktion zum Erzeugen eines XMHttpRequest-Objekts Behandlung von mehreren Ausnahmen Erstellen eigener Objekte und Prototyping in JavaScript Erstellen einer Konstruktormethode Prototyping - Erweiterung eines bestehenden Objekts bzw. einer Objektdeklaration DOM aus Sicht von JavaScript und native JavaScript-Objekte Verfügbare Klassen und DOM-Objekte Objektfelder DOM-Objekte aus JavaScript nutzen Wichtige JavaScript-Techniken JavaScript-Aufruf über JavaScript selbst Der explizit Aufruf eines Eventhandlers aus JavaScript Globale Ereignisbehandlung mit dem event-objekt Fazit der Ereignisbehandlung Zusammenfassung 162

6 ! ii! ;! i 6 HTTP und die Interna des XMLHttpRequest-Objekts 163 t: 6.1 Datenübertragung per HTTP 163 L " b ~ J HTTP-Interna Meldungen des Webservers Details zum XMLHttpRequest-Objekt Methoden eines XMLHttpRequest-Objekts Eigenschaften Exemplarischer Ablauf einer AJAX-Anfrage Ein praktisches AJAX-Beispiel mit Auswertung der HTTP-Header Zusammenfassung DHTML für AJAX-Entwickler Grundlagen von DHTML Der Zugriff auf Elemente einer Webseite Zugriff über Objektfelder Zugriff über Namen Zugriff über eine ID Zugriff über den Typ des HTML-Elements Manipulation von Bildobjekten Image und images Anzeige des Ladevorgangs Verändern von Stilinformationen Anzeige des Ladevorgangs mit Zugriff über eine ID und. die Eigenschaft classname Stilveränderungen über das style-objekt Temporär Informationen unsichtbar machen Das Einfügen von Informationen in eine Webseite Zugriff auf Inhalte von Elementen in der Webseite Nutzen des node-objekts zum Datenaustausch responsetext und responsexml Zusammenfassung XML für AJAX-Entwickler XML-Grundlagen XML-Elemente Leere Elemente Elementbezeichner

7 8.3 Die Syntax eines XML-Dokuments Regeli: Unicode Regel 2: XML ist casesensitive Regel 3: Ein Prolog ist zwingend Regel 4: Eindeutigkeit des Wurzelelements Regel 5: Saubere Verschachtelung aller Elemente Regel 6: Jedes Element muss einen Ende-Tag haben oder als leeres Element notiert werden Regel 7: Attributen muss immer ein Wert zugewiesen werden Weitere Komponenten von XML Kommentare Prozessinstruktionen Referenzen Unkontrollierte Bereiche - CDATA-Abschnitte Namensräume Gültige Dokumente XPath Die Lokalisierung auf Achsen Knoten selektieren Alternative XPath-Syntax XPath-Prädikate: Operatoren, Relationen und Funktionen Wichtige Funktionen XML-Daten senden und der Nutzen des node-objekts Die Verwendung von node und responsexml Zerlegen einer XML-Antwort Daten per node in der Webseite bereitstellen XML-Verarbeitung mit Java Standard-APIs zur XML-Verarbeitung XML-Verarbeitung mit SAX XML-Verarbeitung und DOM Zusammenfassung 234 Serverseitige Java-Programmierung für AJAX Grundlagen serverseitiger Programmierung Unterschiede und Gemeinsamkeiten zwischen serverseitiger und clientseitiger Programmierung Voraussetzungen zur Ausführung von serverseitigen Skripten und Programmen Serverseitige Skripts und Programme zum Laufen bringen

8 9.2 Java auf einem Webserver Was sind JSP und Servlets? JavaServer Pages Wichtige JSP-Strukturen AJAX-Praxisbeispiel - Nachfordern eines Bilds Bei AJAX auf Webdatenbanken zugreifen Grundsätzlicher Ablauf einer Datenbankabfrage Kurzüberblick SQL Datenbankzugriff mit Java Schematischer Ablauf einer Datenbankverbindung in Java mit JDBC Praktische AJAX-Beispiele mit Datenbankanbindung Aufbereiten einer XML-Antwort mit Java Java-Servlets Was sind Servlets? Die technischen Hintergründe Eintragen von Metainformationen und das Deployen von Servlets Beispiel 3 - Verfolgen einer Sitzung und Wiederherstellen eines vorherigen Zustands Beispiel - Login mit AJAX verifizieren Zusammenfassung AJAX-Alternativen Verfolgen einer Sitzung mit Cookies Die Erstellung von Cookies Mit JavaScript Cookies anlegen und auslesen Nachladen von Daten mit Frames Vorratshaltung mit DHTML Dateninseln Zusammenfassung AJAX-Frameworks Für wen lohnen sich Frameworks? Verschiedene Frameworks Atlas Sajax Prototype JavaScript Framework Rico AJAX Framework minimal

9 n.2.5 AJAX Toolkit Framework 330 > f< i Sarissa 331 ; '^: Weitere Frameworks 331 L'"i_! Zusammenfassung 331 Anhang 333 A.i Quellen 333 A.2 Die JavaScript-Schlüsselwörter 335 A.3 Glossar 338 Stichwortverzeichnis 341

Ähnliche Dokumente

Inhalt. Teil I: Der Sprachkern von JavaScript

Inhalt. Teil I: Der Sprachkern von JavaScript Inhalt Vorwort.... 1 Einführung in JavaScript... 1 1.1 Der JavaScript-Sprachkern... 4 1.2 Clientseitiges JavaScript... 9 Teil I: Der Sprachkern von JavaScript 2 Die lexikalische Struktur... 21 2.1 Zeichensatz...