使用 AJAX 或 WebSockets 访问部分响应？

Question

我正在使用一些客户端 JavaScript 代码通过 HTTP GET 从网络服务器中提取大量 JSON 数据。数据量可能很大，例如 50 MB。这是在局域网上，所以问题不大，但仍然需要十秒钟左右。

为了使我的界面更具响应性，我想以块的形式处理响应，并在数据可用时立即在 UI 中显示数据（比如说，每 MB 或每秒）。浏览器兼容性不是问题；只要它适用于最新的 Chrome 和 Firefox 就可以了。但是，我无法修改服务器代码。

是否可以使用 XMLHttpRequest 或 WebSockets 或其他我没听说过的技术来做到这一点？

XMLHttpRequest.responseText 在状态为LOADING 时未明确为空：

responseText 属性必须返回运行这些步骤的结果：

1. 如果状态不是 LOADING 或 DONE，则返回空字符串并终止这些步骤。
2. 返回文本响应实体正文。

但我想缓冲会在沿途的各个阶段发生，所以如果我设置一个计时器来定期轮询responseText，它会起作用吗？

据我所知，WebSockets 在服务器端也需要一个特殊的协议，所以这些都没有了。

限制：我不能修改服务器代码。

Answer 1

想将此作为评论发布，但评论文本区域有点限制

服务器现在是分块发送数据还是一个连续的流？如果您将处理程序添加到xmlHttpRequestInstance.onreadystatechange，它多久触发一次？如果xmlHttpRequestInstance.readystate 的值为3，那么您可以获得xmlHttpRequestInstance.responseText 的当前值并跟踪长度。下次准备就绪状态发生变化时，您可以通过从该点开始获取所有新数据来获取最新数据。

我没有测试过以下内容，但希望它足够清楚：

var xhr = new XMLHttpRequest();
var lastPos = 0;
xhr.onreadystatechange = function() {
  if(xhr.readystate === 3) {
    var data = xhr.responseText.substring(lastPos);
    lastPos = xhr.responseText.length;

    process(data);
  } 
};
// then of course do `open` and `send` :)

这当然依赖于onreadystatechange 事件触发。这适用于 IE、Chrome、Safari 和 Firefox。