De hoeksteen van AJAX is het XMLHttpRequest object.
Alle moderne browsers ondersteunen het XMLHttpRequest object (IE5 en IE6 gebruiken een ActiveXObject).
Het XMLHttpRequest object wordt gebruikt om achter de schermen gegevens met een server uit te wisselen.
Alle moderne browsers (IE7+, Firefox, Chrome, Safari en Opera) hebben een ingebouwd XMLHttpRequest object.
Om alle AJAX functionaliteit te groeperen, heb ik een eigen object geschreven met de volgende kenmerken (het object ajaxObject in het bestand ajax.js):
ajaxObject werkt zowel op moderne browsers als op IE5 en IE6,
ajaxObject werkt zowel met GET als POST,
ajaxObject kan meerdere AJAX verbindingen (threads) tegelijk verwerken,
ajaxObject heeft een methode om opgehaalde JavaScript code uit te voeren.
Zo'n XMLHttpRequestObject aanmaken doe je met de opdracht:
var inhoud = new ajaxObject("voorbeeld_aanpassing.html");
waarbij we het nieuwe object inhoud met de functie ajaxObject() aanmaken. De functie ajaxObject() krijgt als argument de URL van de op te halen gegevens.
Deze bevat in ons voorbeeld de volgende HTML code:
<p>AJAX is geen programmeertaal<br /> AJAX is een techniek waarmee je snelle en dynamische webpagina's maakt</p>
Dit bestand kan om het even welk soort bestand zijn zoals .txt, .html en .xml, of server scripts zoals .php die acties op de server kunnen uitvoeren voor ze een antwoord (bestand) sturen.