ajax.js

var state= new Array(); state[0]="Request not initialized"; state[1]="Server connection established"; state[2]="Request received"; state[3]="Processing request"; state[4]="Request finished and response is ready"; var statusA= new Array(); statusA[200]="OK"; statusA[404]="Page not found"; function ajax(adres, id){ var number = Math.round(Math.random()*10000); if(adres.indexOf("?")==-1){ adres=adres + '?num=' + number ; } else{ adres=adres + '&num=' + number ; } addAjaxHtmlTop("<p>Adres:<span class='adres'> " + adres + "</span> (" + id + ")</p>"); var req = new XMLHttpRequest(); req.open("GET", adres, true); req.send(); req.onreadystatechange = function(){ verwerken(req, id) }; } function verwerken(req,id) { try{ addAjaxHtmlTop("<div>Readystate: " + req.readyState + " | " + state[req.readyState] + "</div>"); if(req.status != 200){ addAjaxHtmlTop("<div> Status: " + req.status + " | " + statusA[req.status] + "</div>"); } if (req.readyState==4 && req.status==200) { //alert(req.responseText); if(document.getElementById('alertRespons') && document.getElementById('alertRespons').checked){ alert(req.responseText); } if(document.getElementById(id)){ document.getElementById(id).innerHTML = req.responseText; } else{ alert('id '+ id + ' niet gevonden') } addAjaxHtmlTop("<div align='center'>--------------------------------------------------</div>"); } else{ } } catch(err){ alert("Javascriptfout: " + err) } } function addAjaxHtmlTop(html){ if(document.getElementById('ajaxtext')){ document.getElementById('ajaxtext').innerHTML = html + document.getElementById('ajaxtext').innerHTML } }

Resultaat

Made by Thijs Aarnoudse