Ajax 无法通过 ReadyState 1，为什么？

Question

我试图让这个函数工作，它会请求参数url，然后将responseText发送到callback，这是一个函数。

看起来它只到达了readyState 1（感谢Firebug命令）。

这里是：

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

我通过分配 onload 事件而不是 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

通过直接在浏览器中访问该 URL 来检查该 URL 是否确实响应。

用不同的浏览器测试是否得到相同的结果。

使用某种形式的 HTTP 监视器来监视客户端到服务器的对话（我最喜欢的是 Fiddler）

Answer 3

Ajax 请求可能不返回数据（因此，某种服务器端错误）。 尝试在 firebug 控制台中启用“show XMLHttpRequests”选项来检查这一点。

Answer 4

我也面临同样的问题。 通过阅读下面的网址，我的问题得到了解决。

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

基本上，当我将函数分配为 httpRequest.onreadystatechange 的事件侦听器时，我无法向其传递任何变量。 所以我必须将变量嵌入到服务器后端的 HTTP POST 字符串中，然后从 HTTP 响应中获取它。

它适用于 FF 3。无需使用 jQuery。

Answer 5

我在 FireFox 上遇到了同样的问题，但在 Chrome 上没有。

问题是我的响应将 mime-type 设置为
“应用程序/八位字节流”。

将其更改为“text/html”使其也可以在 FireFox 上运行。