function loadContent (query, url, target, callback) {
    newAjaxRequest(query, url, target, handleResponse());
    return false;
}

// Waar is bovenstaande tussenstap voor nodig..? Hij doet niets anders dan redirecten naar loadExternalContent en false returnen.

function newAjaxRequest(query, url, target, callback) {
    var xmlhttp;
    document.getElementById(target).innerHTML = 'Fetching data...';
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        xmlttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else {
        document.getElementById(target).innerHTML = "AJAX not supported!";
    }
    
    if (xmlhttp !== undefined) {
        xmlhttp.onreadystatechange = callback(xmlhttp, url, target);
        xmlhttp.open("POST", url, true);
        xmlhttp.send(query);
    }
}

//Handle response is een soort standaard response functie, is het nodig om deze te kunnen overriden met een custom callback functie?
function handleResponse(xmlhttp, url, target) {
    if (xmlhttp.readyState == 4) {
        if (xmlhttp.Status == 200) {
            document.getElementById(target).innerHTML = xmlhttp.responseText;
        }
        else {
            document.getElementById(target).innerHTML = "loadExternalContent error: \n" + xmlhttp.status + "\n" + xmlhttp.statusText;
        }
    }
}