Ajax ne passera pas readyState 1, pourquoi?

Question

J'essaye d'obtenir cette fonction pour fonctionner, qui fait une demande pour le paramètre url puis envoie le responseText à callback qui est une fonction.

Il semblerait que l'on arrive à readyState 1 (grâce aux commandes Firebug).

Ici, il est:

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

Je contourné ce problème assignant événement onload au lieu de 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

Peut-être la requête Ajax ne retourne pas de données (donc, une erreur côté serveur d'un certain type). Essayez d'activer l'option 'show XMLHttpRequests' dans la console firebug, pour vérifier cela.

Answer 3

Vérifiez que l'URL en question répond réellement en la visitant directement dans le navigateur.

Testez avec un autre navigateur obtenez-vous le même résultat.

Utilisez une forme de surveillance HTTP pour regarder le client à la conversation serveur (mon préféré est Fiddler)

Answer 4

J'ai aussi fait face à la même problème. En lisant l'url ci-dessous, j'ai obtenu le mien résolu.

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

au fond, quand je cède ma fonction de l'écouteur d'événement pour httpRequest.onreadystatechange, je ne peux pas passer une variable à elle. SO que je dois intégrer la variable dans la chaîne HTTP POST au backend du serveur puis la récupérer à partir de la réponse HTTP.

Cela fonctionne très bien pour FF 3. Pas besoin d'utiliser jQuery.