• .vscode
• 4.2
  • pagina 1.php
  • pagina 2.php
  • pagina 3.php
  • zijmenu.html
• 16.1
  • leerlingreserveringza.php
• PO
  • afbeeldingen
  • additem.php
  • ajax.js
  • changeitemamount.php
  • db.php
  • functions.php
  • getproducts.php
  • index.php
  • inloggen.php
  • nav.php
  • product.php
  • productdetail.php
  • registreren.php
  • removeitem.php
  • style.css
  • winkelwagen.php
• opdracht auteurdetails
  • auteurinfo.php
  • auteurs.php
  • boeken.php
  • boekinfo.php
  • infostyle.css
  • leerlingen.php
  • leerlinginfo.php
  • menustyle.css
  • style.css
• 10.1.php
• 10.2.php
• 10.3.php
• 10.4.php
• 10.A.txt
• 10.B.txt
• 10.C.txt
• 11.A.txt
• 13.1.php
• 14.1.php
• 14.2.php
• 14.3.php
• 14.4.php
• 14.5.php
• 14.A.txt
• 14.B.txt
• 4.1.php
• 4.A.txt
• 6.1.php
• 6.2.php
• 6.3.php
• 6.4.php
• 6.A.txt
• 6.B.txt
• 7.1.php
• 7.2.php
• 7.3.php
• 7.4.php
• 7.5.php
• 7.6.php
• 7.A.txt
• 7.B.txt
• 7.C.txt
• 8.A.txt
• 9.1.php
• 9.2.php
• 9.3.php
• 9.4.php
• 9.A.txt
• db.php
• db2.php
• dbtest.php
• functions.php
• index.php
• infromatica.html
• maxboesboxem.txt
• opdrachtGrid.php
• test.php
• test2.php
• test3.php

PO/ajax.js

Hide
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 status= new Array();
status[200]="OK";
status[404]="Page not found";

function ajax(adres, id, klasse=false){
	//alert("adres: "+ adres)
	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></p>");
 	
	var req = new XMLHttpRequest();	
	req.open("GET", adres, true);
	req.send();
	req.onreadystatechange = function(){
									verwerken(req, id, klasse)
							  };
}

function verwerken(req,id, klasse)
 {
	try{
		
		addAjaxHtmlTop("<div>Readystate: " + req.readyState + " | " + state[req.readyState] + "</div>");
		
		if(req.status != 200){
			addAjaxHtmlTop("<div> Status: " + req.status + " | " + status[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)){
				//alert(document.getElementById(id).innerHTML);
				if(klasse){
					if(req.responseText){
						//alert(req.responseText)
						document.getElementById(id).classList.add(req.responseText);
					}
				}
				else{
					document.getElementById(id).innerHTML = req.responseText;	
				}
		
              // alert(req.responseText)
			 
			}
			else if(id){
				alert('id '+ id + ' niet gevonden')	
			}
			addAjaxHtmlTop("<div align='center'>--------------------------------------------------</div>");
		}
		else{
			
		}
	}
	catch(err){
		console.log("Javascriptfout: " + err)
	}
 }

function addAjaxHtmlTop(html){
	if(document.getElementById('ajaxtext')){
		document.getElementById('ajaxtext').innerHTML = html + document.getElementById('ajaxtext').innerHTML
	}
}

Resultaat