JavaScript - auf Matthias-Draeger.info
JavaScript - auf Matthias-Draeger.info JavaScript - auf Matthias-Draeger.info
AJAX: Beispiel var httpRequest; function makeRequest(url) { httpRequest = false; if (window.XMLHttpRequest) // Mozilla, Safari,... httpRequest = new XMLHttpRequest(); else if (window.ActiveXObject) // IE try { httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } if (!httpRequest) { alert('Giving up: Cannot create an XMLHTTP instance'); return false; } httpRequest.onreadystatechange = alertContents; httpRequest.open('GET', url, true); httpRequest.send(null); } // end function makeRequest asynchron Query String bei POST Robert Tolksdorf und Peter Löhr 42
AJAX: Beispiel function alertContents() { if (httpRequest.readyState == 4) if (httpRequest.status == 200) alert(httpRequest.responseText); else alert('There was a problem with the request.'); } Make a request Verbleibendes Problem: eventuelle nichtdeterministische Effekte über die globale Variable httpRequest bei nebenläufigen makeRequests. (Leicht behebbar - s.o. Mozilla Website.) Robert Tolksdorf und Peter Löhr 43
- 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 und 38: Ziel: änderbares GUI Nur Teile des
- Seite 39 und 40: AJAX • JavaScript Code im Dokumen
- Seite 41: AJAX • HTTP-Statuscode prüfen if
- Seite 45 und 46: Zusammenfassung Robert Tolksdorf un
- Seite 47: Literatur • St. Münz: Web-Seiten
AJAX: Beispiel<br />
<br />
var httpRequest;<br />
function makeRequest(url) {<br />
httpRequest = false;<br />
if (window.XMLHttpRequest) // Mozilla, Safari,...<br />
httpRequest = new XMLHttpRequest();<br />
else if (window.ActiveXObject) // IE<br />
try { httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); }<br />
catch (e) {<br />
try { httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }<br />
catch (e) {} }<br />
if (!httpRequest) {<br />
alert('Giving up: Cannot create an XMLHTTP instance');<br />
return false; }<br />
httpRequest.onreadystatechange = alertContents;<br />
httpRequest.open('GET', url, true);<br />
httpRequest.send(null);<br />
} // end function makeRequest<br />
asynchron<br />
Query String bei POST<br />
Robert Tolksdorf und Peter Löhr 42