JavaServer Faces und AJAX AJAX mischt mit - Christian Beranek

65 Pages·2008·0.92 MB·German

AJAX mischt mit
JavaServer Faces und AJAX
Isabella Kneissl
Christian Beranek
[email protected]
[email protected]
www.mathema.de
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 1
Agenda
 AJAX
 JSF
 Integration
 Komponenten
 Übersicht
 ICEfaces
 AJAX4JSF/RichFaces
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 2
AJAX
 Was ist AJAX?
 Welche Technologien stecken dahinter
 Wie funktioniert AJAX
 ThirdParty AJAX-Bibliotheken
 Welche Probleme bringt AJAX mit sich
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 3
AJAX — Was ist AJAX
 Asynchronous JavaScript and XML: Konzept der asynchronen
Datenübertragung zwischen Server und Browser
 Keine neue Programmiersprache, sondern eine spezielle Benutzung
bereits existierender Standards
 Browserapplikationen widersprechen oft einer angenehmen
Anwenderführung: wenig interaktiv, lange Wartezeiten
 Bei jeder Aktion wird ein Request an den Server gesendet und für die
Reaktion, z.B. Seitenneuaufbau, auf die Antwort des Servers gewartet
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 4
AJAX — Was ist AJAX
 Folge: Wartezeiten und im schlimmsten Fall Brüche im Anwendungsfluss
 Ajax: Anfragen an den Server senden, bei denen nur die benötigten
Daten angefragt werden => Wartezeiten minimieren und flüssigere
Reaktion auf Benutzereingaben
 Grund: weniger Daten werden versendet, Seiten nur teilweise neu
aufgebaut, asynchrone, clientseitige Verarbeitung der Antworten
 Desktop-ähnliches Benutzergefühl
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 5
AJAX — Was ist AJAX
 Ohne AJAX
 Mit AJAX
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 6
AJAX — Technologien und Techniken
 HTML/XHTML: Für die Darstellung im Browser
 DOM: Modell hinter der Darstellung
 JavaScript (!): Zur Manipulation des DOM, Absenden der Requests und
Bearbeiten der Responses
 XML oder JSON als gängige Datenübertragungsformate
 XML: Extensible Markup Language: Auszeichnungssprache für hierarchisch
strukturierte Textdaten
 JSON: JavaScript Object Notation: Datenaustauschformat, basierend auf
JavaScript (ECMA-262)
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 7
AJAX — Technologien und Techniken: XML
<person name="Peter" age="35">
<hobbies> <hobby>Kochen</hobby>
<hobby>Surfen</hobby>
<hobby>Lesen</hobby>
</hobbies>
</person>
Auswertung:
var responseDoc = xhr.responseXML;
var personNode = responseDoc.
getElementsByTagName('person')[0]
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 8
AJAX — Technologien und Techniken: JSON
Quelle: http://json.org/json-de.html
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 9
AJAX — Technologien und Techniken: JSON
var person = {
"name": "Peter",
"age": 35,
"hobbies" = ["Kochen", "Surfen", "Lesen"]
};
Auswertung:
var responseObj = eval('('+xhr.responseText+')');
htmlElem.value = responseObj.name;
...
AJAX mischt mit — Beranek, Kneissl Copyright © 2007 MATHEMA Software GmbH 10