Jasper de Graaf OnLine

Met behulp van de httpRequest methode kan je zogenaamde 'AJAX' webpagina's maken.
AJAX staat voor Asynchronous Javascript And Xml.

Het betekent dat je een webpagina interactief kan veranderen zonder dat je de hele pagina opnieuw moet opbouwen.

Zo heb ik de website gebouwd voor het boek Mijn Meester.

Vervelend genoeg werkte mijn code alleen in Internet Explorer, dus moest ik slimmere code gaan toepassen om met meerdere browsers overweg te kunnen.

Uiteindelijk is het de volgende code geworden, deze code is getest in Firefox 2.0 en IE 7:

Opvolgen:

function haaldata(url) {
 var httpRequest;

 if (window.XMLHttpRequest) { // Mozilla, Safari, ...
  httpRequest = new XMLHttpRequest();
  if (httpRequest.overrideMimeType) {
   httpRequest.overrideMimeType('text/xml');
  }
 }
 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 = function() { alertContents(httpRequest); };
 httpRequest.open('GET', url, true);
 httpRequest.send('');
}

function alertContents(httpRequest) {
 if (httpRequest.readyState == 4) {
  document.getElementById('dynamies').innerHTML = httpRequest.responseText;
  document.getElementById('dynamies').style.visibility = "visible";
 }
}

De twee document regels onderin plaatsen de opgehaalde code/tekst en maken de nieuwe inhoud zichtbaar.