Not a function ... why?

nloding · February 20th, 2007, 07:19 PM

Here's how I call this code ... it's my wrapper for Ajax:

Code:

var ajax = new XMLHttp();
ajax.get('myscript.php?variable=value');

When I run that, I get the error in Firefox's Error Console that ajax.get is not a function. So I've checked this code ten times and I see nothing wrong. It's almost copied exactly from an example I saw online, and that example works (so says the author, it's from About.com). Here's all the pertinent javascript code:

Code:

function XMLHttp() {
    if (window.XMLHttpRequest) { // If we have a Gecko browswer?
        return new XMLHttpRequest();
    } else if (window.ActiveXObject) { // IE is more difficult ...
        var avers = ["Microsoft.XmlHttp", "MSXML2.XmlHttp", "MSXML2.XmlHttp.3.0",  "MSXML2.XmlHttp.4.0", "MSXML2.XmlHttp.5.0"];
        for (var i = avers.length -1; i >= 0; i--) {
            try {
                httpObj = new ActiveXObject(avers[i]);
                return httpObj;
            } catch(e) {}
        }
    }    

    // And what if the the browser sucks?
    alert("Your broswer is too old. Consider upgrading!");
}

XMLHttp.prototype.get = function(url, element) {
    this.open('GET', url, true);
    this.onreadystatechange = function() {
        this.processRequest(element);
    }
    this.send(null);
}

XMLHttp.prototype.processRequest = function(element) {
    if (this.readyState == 4 && this.status == 200) {
        findElement(element).innerHTML = this.responseText;
    }
}

function findElement(target) {
    var targetElem = document.getElementById(target);

    if(!targetElem) {
        targetElem = getElementsByClassName(document, "*", target);
    }

    return targetElem;
}

The XMLHttp() function works fine, as I can use ajax.open and ajax.onreadystatechange. But I can't use ajax.get ... I've tried calling the XMLHttp() function without "new" before it ...

I'm lost ... what's wrong with that code?