Ajax won't get past readyState 1, why?

Question

I'm trying to get this function to work, which does a request for parameter url then sends the responseText to callback which is a function.

It seems that it only gets to readyState 1 (thanks to the Firebug commands).

Here it is:

function Request(url, callback){
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
    httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else{
    return false;
}
httpRequest.onreadystatechange = function(){
    console.log(httpRequest.readyState);
    if (httpRequest.readyState == 4) {
        callback(httpRequest.responseText);
    }
};
console.log(httpRequest, url);
httpRequest.open('GET', url, true);
httpRequest.send(null);
}

Hi Joe, I'm interested what was your solution? Did you find one? My workaround to this prob was assigning onload event instead of onreadystatechange (see details below in answers). — Svitlana Maksymchuk, Jun 08 '09 at 06:17
i dunno.... sorry i haven't been on the site for a while. well it worked but I just switched to jQuery and it's working properly. — kennyisaheadbanger, Jul 11 '09 at 13:47

score 5 · Accepted Answer · edited Dec 08 '11 at 23:45

I workarounded this problem assigning onload event instead of onreadystatechange:

function Request(url, callback){
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
    httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else{
        return false;
}

var readyStateChange = function(){
    console.log(httpRequest.readyState);

    if (httpRequest.readyState == 4) {
                callback(httpRequest.responseText);
    }
};


if (isFirefox && firefoxVersion > 3) {
    httpRequest.onload = readyStateChange;
} else {
    httpRequest.onreadystatechange = readyStateChange;
}

console.log(httpRequest, url);
httpRequest.open('GET', url, true);
httpRequest.send(null);
}

Error console: Uncaught ReferenceError: isFirefox is not defined — Mirko Cianfarani, Sep 25 '14 at 15:12

score 2 · Answer 2 · answered Apr 15 '09 at 11:41

2

Check that the URL in question does actually respond by visiting it directly in the browser.

Test with a different browser do you get the same result.

Use some form of HTTP monitor to watch the client to server conversation (my favorite is Fiddler)

answered Apr 15 '09 at 11:41

AnthonyWJones

187,081
35
232
306

score 1 · Answer 3 · answered Apr 15 '09 at 11:35

1

Possibly the Ajax request doesn't return data (so, a server side error of some kind). Try enabling the option 'show XMLHttpRequests' in the firebug console, to check for this.

answered Apr 15 '09 at 11:35

KooiInc

119,216
31
141
177

Well it's already on and I log the http object and inspecting it gives me readyState 4, but the event is not being called. Also the page returns data properly – kennyisaheadbanger Apr 15 '09 at 13:27
Tried logging my own xmlHTTP lib function in FF, no problem. In my case I use => if (httpRequest.readyState < 4) {console.log(...);} else { [exec the callback]}. – KooiInc Apr 15 '09 at 14:46
Furthermore: my readystatechange handler is defined *after* the send method is called. – KooiInc Apr 15 '09 at 14:50

score 0 · Answer 4 · answered Sep 09 '10 at 13:43

I also faced the same issue. By reading the url below, I got mine solved.

http://bytes.com/topic/javascript/answers/548442-ajax-readystate-1-wall

basically, when I assign my function as the event listener for httpRequest.onreadystatechange, I cannot pass any variable to it. SO that I have to embed the variable inside the HTTP POST string to the server backend then get it back from the HTTP response.

It works fine for FF 3. No need to use jQuery.

score 0 · Answer 5 · answered Sep 01 '18 at 15:32

0

I had the same problem on FireFox but not on Chrome.

The problem was my response had the mime-type set to "application/octet-stream".

Changing it to "text/html" made it work on FireFox too.

answered Sep 01 '18 at 15:32

Panu Logic

2,193
1
17
21

Ajax won't get past readyState 1, why?

5 Answers5

Linked