XMLHttpRequest 读取渐进式数据不起作用？

Question

我在使用 XMLHttpRequest 下载渐进式数据时遇到问题。我得到一个状态 2 而不是状态 3。在状态 3 之后它再也不会被调用。我究竟做错了什么？我在需要刷新数据的地方读到了，但我该怎么做？

这是我的代码：

var xmlHttp = new XMLHttpRequest();
// try to connect to the server
try
{
  // initiate server request
  xmlHttp.open("GET", "http://208.43.121.133:8164/;", true);
  xmlHttp.setRequestHeader("Icy-Metadata", "1");
  xmlHttp.onreadystatechange = function() 
  {
    alert("status: "+xmlHttp.status);
    alert("State: "+xmlHttp.readyState);

    if (xmlHttp.readyState == 3)
    {
      alert(xmlHttp.responseText);
    }
  };
  xmlHttp.send(null);
}
// display an error in case of failure
catch (e)
{
  alert("Can't connect to server:\n" + e.toString());
}

readyState 为 3 时是否允许读取 xmlHttp.responseText？

Answer 1

问题很可能出在这个片段上：

    if(xmlHttp.readyState == 3) {
        alert(xmlHttp.responseText);
    }

原因是 xmlRequest 尚未完成（完成时 readyState=4）。当您过早请求 responseText 时，它会触发错误并阻止代码完成。

所以你可以把它改成：

if(xmlHttp.readyState == 4) {
    alert(xmlHttp.responseText);
}

Answer 2

Kranu 是正确的，readyState 为 3 时不允许读取 responseText。见http://www.davidflanagan.com/2005/08/xmlhttprequestreadystate-3.html

解决方案是一次发送一条消息。当您收到一条消息时，只需制作另一个 XHR。这就是谷歌做（做过？）服务器推送的方式。