Ajax non supererà readyState 1, perché?

Question

Sto cercando di far funzionare questa funzione, che esegue una richiesta per il parametro url quindi invia responseText a callback che è una funzione.

Sembra che arrivi solo a readyState 1 (grazie ai comandi di Firebug).

Eccolo:

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); 
} 

Answer 1

ho workarounded questo problema assegnando evento onload invece di 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); 
} 

Answer 2

Forse la richiesta Ajax non restituisce i dati (quindi, un errore di lato server di qualche tipo). Prova a abilitare l'opzione 'mostra XMLHttpRequests' nella console di Firebug, per verificarlo.

Answer 3

Verificare che l'URL in questione risponda effettivamente visitandolo direttamente nel browser.

Test con un browser diverso si ottiene lo stesso risultato.

utilizzare una qualche forma di monitoraggio HTTP per guardare al client di conversazione del server (il mio preferito è Fiddler)

Answer 4

Ho anche affrontato lo stesso problema. Leggendo l'url qui sotto, ho risolto il mio.

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

in fondo, quando ho assegnare la mia funzione come listener di eventi per httpRequest.onreadystatechange, non posso passare qualsiasi variabile ad esso. SO che devo incorporare la variabile all'interno della stringa HTTP POST sul back-end del server, quindi riprenderla dalla risposta HTTP.

Funziona bene per FF 3. Non è necessario utilizzare jQuery.