Executing multiple XMLHTTPRequests - successfully.

So I'm hacking together a simple client-side AJAX - based on AHAH - and all of the example scripts only work with a single request.  Attempting to use the same script twice meant that the results would overwrite each other.  Ughh.

The problem it turned out, was as a simple as the latter requests replacing the newer request, because their references were being overwritten.  So instead of using a single variable, I figured "why not pass the references around in the functions".  Here it is then, an AHAH-based set of AJAX functions, that works for multiple simultaneous function calls.

function loadExternalContentDone(req, url, target) {
    if (req.readyState == 4) { 
        if (req.status == 200) { 
            document.getElementById(target).innerHTML = req.responseText;
        } else {
            document.getElementById(target).innerHTML=" loadExternalContent Error:\n"+ req.status + "\n" +req.statusText;
        }
    }
}
function loadExternalContent(url, target) {
    var req;
    document.getElementById(target).innerHTML = ' Fetching data...';
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (req !== undefined) {
        req.onreadystatechange = function() {loadExternalContentDone(req, url, target);};
        req.open("GET", url, true);
        req.send("");
    }
}
function loadContent(name, div) {
    loadExternalContent(name,div);
    return false;
}