Please enable JavaScript.
Coggle requires JavaScript to display documents.
AJAX Asynchronous Javascript And XML (AJAX XHR properties (readyState (0…
AJAX
A
synchronous
J
avascript
A
nd
X
ML
verzameling van technologieën aan
client - side
om asynchrone webapplicaties te ontwikkelen
Verzameld in JavaScript
:heavy_heart_exclamation_mark_ornament: mobile devices ontwikkeling:heavy_heart_exclamation_mark_ornament:
Presentatie
volgens W3C
standaarden
HTML
CSS
dynamische aspect
DOM
opslag, aanpassing,
transport gegevens
XML
XSLT
JSON
asynchrone communicatie
met back-end server
XMLHttpRequest
geen interferentie met huidige webpagina nodig
niet refreshen om nieuwe inhoud te krijgen
Kan met JSON of XML
bestanden hoeven niet asynchroon te zijn
AJAX XHR
object - methods
open
(
Method, URL,
Asynchronous, UserName, Password
)
METHOD
GET/POST/HEADER
URL
het adres waar
het request
naar verstuurd wordt.
tekst
JSON
XML
server-side script
C# - PHP - ...)
Asynchronous
boolean default true
:pencil2: optioneel
username-password
voor eventuele authenticatie
:pencil2: optiioneel
onreadystatechange
event listener
koppelt callback functie aan event
wordt uitgevoerd van zodra server
heeft geantwoord op request
send()
verstuurt request naar server
data kunnen als parameter
naar server verstuurd worden.
Voordelen
meerdere acties tegelijk
snellere uitvoering
beperkt serververkeer (
mobile devices
)
AJAX XHR
properties
readyState
0 : request not initialized
1: server connection established
2: request received by server
3: processing requests by server
4: request finished and response is ready
status
200: "OK"
404 : Page not found
onready
state
change
koppelt een callback functie
uitvoering elke keer readyState een nieuwe waarde krijgt
response
text
data van server als string
responseXML
data van server als XML