JavaScript - auf Matthias-Draeger.info
JavaScript - auf Matthias-Draeger.info JavaScript - auf Matthias-Draeger.info
AJAX • Asynchronous JavaScript and XML (AJAX) realisiert dies durch Kombination von • Präsentationssprachen XHTML und CSS • Interaktion und Modifikation im Browser mit DOM • Datenaustausch mit XML • Datentransfer durch asynchrone HTTP-Anfragen • JavaScript integriert diese Technologien Anfrage Antwort GUI 1 Klient mit AJAX Anfrage Antwort Server Anfrage Antwort Robert Tolksdorf und Peter Löhr 38
AJAX • JavaScript Code im Dokument kann weitere HTTP-Anfrage starten, deren Antwort das aktuelle Dokument nicht ersetzt, sondern nur modifiziert. • Die Anfrage erfolgt mit Hilfe eines XMLHTTP-Objekts, dessen Konstruktorfunktion von der Umgebung abhängt: if (window.ActiveXObject) // IE http_request = new ActiveXObject("Microsoft.XMLHTTP"); else if (window.XMLHttpRequest) // Mozilla, Safari, ... http_request = new XMLHttpRequest(); • Funktion f definieren, die festlegt, was beim Eintreffen der Antwort zu tun ist, und damit: http_request.onreadystatechange = f Robert Tolksdorf und Peter Löhr 39
- Seite 1 und 2: Netzprogrammierung Mobiler Code Rob
- Seite 3 und 4: Klientenseitige Verarbeitung •
- Seite 5 und 6: Einbettung von Skript-Code HTML-Ele
- Seite 7 und 8: Skript-Code als Ziel eines Verweise
- Seite 9 und 10: Ereignis-Attribute • onclick •
- Seite 11 und 12: JavaScript https://developer.mozill
- Seite 13 und 14: JavaScript • JavaScript ist keine
- Seite 15 und 16: Daten in JavaScript • dynamisch g
- Seite 17 und 18: Funktionen in JavaScript • ... si
- Seite 19 und 20: Methoden von Objekten • Methoden
- Seite 21 und 22: vereinfachte Objekthierarchie (aus
- Seite 23 und 24: Objekt window • ... repräsentier
- Seite 25 und 26: Prototyp form • Beachte: form ist
- Seite 27 und 28: Prototyp element • Element eines
- Seite 29 und 30: Überprüfung von Formulareingaben
- Seite 31 und 32: Überprüfung von Formulareingaben
- Seite 33 und 34: Sicherheit • Mit JavaScript Code
- Seite 35 und 36: AJAX - Asynchronous JavaScript and
- Seite 37: Ziel: änderbares GUI Nur Teile des
- Seite 41 und 42: AJAX • HTTP-Statuscode prüfen if
- Seite 43 und 44: AJAX: Beispiel function alertConten
- Seite 45 und 46: Zusammenfassung Robert Tolksdorf un
- Seite 47: Literatur • St. Münz: Web-Seiten
AJAX<br />
• Asynchronous <strong>JavaScript</strong> and XML (AJAX) realisiert dies<br />
durch Kombination von<br />
• Präsentationssprachen XHTML und CSS<br />
• Interaktion und Modifikation im Browser mit DOM<br />
• Datenaustausch mit XML<br />
• Datentransfer durch asynchrone HTTP-Anfragen<br />
• <strong>JavaScript</strong> integriert diese Technologien<br />
Anfrage<br />
Antwort<br />
GUI 1<br />
Klient<br />
mit AJAX<br />
Anfrage<br />
Antwort<br />
Server<br />
Anfrage<br />
Antwort<br />
Robert Tolksdorf und Peter Löhr 38