XML DOM XMLHttpRequest Object

Met het XMLHttpRequest-object kun je gedeelten van de pagina bijwerken zonder de hele pagina opnieuw te laden.

XMLHttpRequest-object

Het XMLHttpRequest-object wordt gebruikt om gegevens met de server uit te wisselen in de achtergrond.

Het XMLHttpRequest-object is een droom voor ontwikkelaars, omdat je kunt:

  • Update de pagina zonder de pagina opnieuw te laden
  • Verzoek gegevens aan de server nadat de pagina is geladen
  • Ontvang gegevens van de server nadat de pagina is geladen
  • Stuur gegevens naar de server in de achtergrond

Methoden van het XMLHttpRequest-object

Methode Beschrijving
abort() Annuleer het huidige verzoek.
getAllResponseHeaders() Geef de headerinformatie terug.
getResponseHeader() Geef de waarde van de opgegeven HTTP-responseheader terug.
open(method,url,async,uname,pswd)

Specificeer het type verzoek, URL, of het verzoek asynchroon moet worden afgehandeld, en andere optionele eigenschappen van het verzoek.

  • method: Type verzoek: GET of POST
  • url: De locatie van het bestand op de server
  • async: true (asynchroon) of false (synchron)
send(string)

Verstuur het verzoek naar de server.

string: Alleen voor POST-verzoeken
setRequestHeader() Voeg een tag/waarde-paar toe aan de te verzenden header.

Eigenschappen van het XMLHttpRequest-object

Eigenschap Beschrijving
onreadystatechange Opslaan van de functie (of functienaam) die automatisch wordt aangeroepen bij elke wijziging van het readyState-eigenschap.
readyState

Sla de status van XMLHttpRequest op. De veranderingen van 0 tot 4:

  • 0: Het verzoek is niet geïnitialiseerd
  • 1: De serververbinding is opgesteld
  • 2: Het verzoek is ontvangen
  • 3: Het verzoek wordt verwerkt
  • 4: Het verzoek is voltooid, de respons is gereed
responseText Antwoordgegevens teruggeven, in tekstformaat.
responseXML Antwoordgegevens teruggeven, in XML-formaat.
status Staatshuisnummer teruggeven (bijv. "404" betekent "Not Found", of "200" betekent "OK").
statusText Staatstekst teruggeven (bijv. "Not Found" of "OK").