How to capture the status (and readyState) of the IE6 XHR?

Question

Like?

alert(new ActiveXObject("Microsoft.XMLHTTP").readyState);

// undefined

// 0

---

alert((new XMLHttpRequest).readyState);
// 0

Edit: in my code, before I had modified the this for xhr in the scope of onreadystatechange, but it hadn’t worked, and then I modified it again and it worked, when @bfavaretto and @Guilhermenascimento suggested it. I think I had forgotten something. That was actually a typo while I was modifying the code, but this should work (but not on some old browsers like IE6).

Answer 1

I’m not sure, but I suppose the problem is that due to "Ajax" in Internet Explorer 6, 7 and 8 (these last two if used in quirks-mode) use Activex and not XMLHttpRequest properly said it must make the Activex check "correct", in case it has the Microsoft.XMLHTTP and the Msxml2.XMLHTTP.

A very important detail is that you should always use XHR on pages http://, or be used in file:/// can fail.

So if you want to give some support for IE6 and 7/8 use so:

function XHR() {
    if (window.XMLHttpRequest) {
        return new window.XMLHttpRequest;
    } else if (window.ActiveXObject) {
        try {
            return new window.ActiveXObject("Msxml2.XMLHTTP");
        } catch (e1) {
            return false;
        }

        try {
            return new window.ActiveXObject("Microsoft.XMLHTTP");
        } catch (e1) {
            return false;
        }
     }
 }

A detail that in modern browsers does not affect, but in some ancient occurrences were the problem with the order of the methods call, so I always used the following orderm, .open, .onreadystatechange (or directly the .readyState) and .send.

The use of the code would be something like (read on the .readyState):

var foo = XHR();

foo.open("GET", "/url", true); //Usa chama assíncrona

//Use o readyState após o .open, como já dito
foo.onreadystatechange = function() {

    switch (foo.readyState) {
        case 0:
            //(não inicializado)
        break;
        case 1:
            //(carregando)
        break;
        case 2:
            //(já carregado)
        break;
        case 3:
            //(interativo)
        break;
        case 4:
            //(completo) ... Neste ponto já se pode chamar o responseText

            alert(foo.responseText);
        break;
    }
};

//Faz a requisição
foo.send(null);

An example with other Activex (however I developed a lot for Ies and the previous code worked since IE5.01+):

function XHR() {
    if (window.XMLHttpRequest) {
        return new window.XMLHttpRequest;
    }

    var XMLHttpFactories = [
        "Msxml3.XMLHTTP", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP"
    ];

    var obj = false, i = 0, j = XMLHttpFactories.length;

    for (; i < j; i++) {

        try {
            obj = new window.ActiveXObject(XMLHttpFactories[i]);
        } catch (e) {
            continue;
        }

        break;
    }

    return obj;
}

Note: The window. is dispensable, I only used it to avoid conflicts with variables in other scopes, which may be almost impossible, but it is only to avoid.

A tip, prefer to avoid (never use) Sync mode:

foo.open("GET", "/url", false);

Answer 2

Notice that line:

var xhr = window.XMLHttpRequest ? new XMLHttpRequest :

Notice something wrong? You forgot the parentheses! The right thing would be this:

var xhr = window.XMLHttpRequest ? new XMLHttpRequest() :