function getPage() {

//De echte ajax request
//dit is de url waar de request heen gaat. In ons geval heet het php bestand myLastname.php
//de Math.random() gebruik ik om te zorgen dat de url niet stiekem gecached wordt, en heeft verder geen cruciale functionaliteit.
var url = "page.php?qrnd=" + Math.random() + '&page=' + document.getElementById('page').value;

//maak een nieuw AJAX object aan om de request te maken. De code uit ajax.js wordt hier gebruikt om een nieuwe object aan te maken
xmlHttp = GetXmlHttpObject( setpage );

//open een verbinding met als method ‘GET’ naar de url ‘url’. true betekent dat requests tegelijkertijd plaats kunnen vinden, en dit is bijna altijd wat je wenst als je gebruik maakt van AJAX.
xmlHttp.open("GET", url , true);

//bij een GET request moet je ‘null’ oversturen om de verbinding daadwerkelijk te maken, omdat er verder geen gegevens verstuurd worden
xmlHttp.send( null );

}

//de functie die aangeroepen wordt wanneer de ajax request klaar is
function setpage() {

//kijk of de request klaar is, readyState 4 == complete
if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {

//bekijk of de status van het object 200/OK is, wat betekent dat de request goed is gegaan ( html header's )
if ( xmlHttp.status == 200 ) {

document.getElementById('pageitem').innerHTML = xmlHttp.responseText;

//zoals je ziet wordt er hier nergens gebruik gemaakt van XML, maar van plain text
//zou je de php pagina zo opbouwen dat hij XML output, kan je xmlHttp.responseXML gebruiken.

//laat zien wat er fout gegaan is, als er iets fout gegaan is
} else alert ( xmlHttp.statusText );

}

}
