IE 11 XHR失败

时间:2015-02-13 15:44:10

标签: javascript ajax internet-explorer xmlhttprequest

我的公司开发了一个可嵌入的javascript视频播放器。部分引导过程涉及使用XMLHttpRequest从我们的服务器获取资源。这是一个跨域请求,因为我们的视频播放器通过脚本标记嵌入到其他人的网站上。我们正确配置了CORS标头,它可以在Chrome,Firefox,Safari,iOS,Android等设备上运行。当我在IE 11和10中测试时,它也适用于我。

但是,从我们的分析数据中,我们看到xhr对象在IE 11中大约有10%的时间引发error事件。我自己无法重现该问题。 / p>

有人能想出为什么会发生这种情况的原因吗?我所拥有的最好的理论是某种企业IE安全设置阻止了我们的跨源请求。但这只是一种疯狂的猜测。

有没有其他人经历过这样的事情并找到了原因?

这是我为发出请求而编写的代码。我不相信我做错了什么。



function makeRequest(config) {
  var xhr = new window.XMLHttpRequest();
  var deferred = q.defer();
  var url;

  function setHeaders(headers) {
    var header;

    for (header in headers) {
      xhr.setRequestHeader(header, headers[header]);
    }
  }

  // toQueryParams() converts an object to URL query params
  url = config.url + toQueryParams(config.params);

  /*
  * This function gets called when the XHR is "loaded". It then fulfills or rejects
  * the promise based on the HTTP status code of the response.
  */
  function handleResponse() {
    var response = {
      status: xhr.status,
      data: (function() {
        try {
          return JSON.parse(xhr.responseText);
        } catch(e) {
          return xhr.responseText;
        }
      }()),
      headers: function() {
        return xhr.getAllResponseHeaders();
      }
    };
    var status = response.status,
    var success = !(status >= 400 && status < 600);

    deferred[success ? 'resolve' : 'reject'](response);
  }

  /*
  * This function gets called when the XHR emits an "error".
  *
  * There is code elsewhere that sends these errors to our Google Analytics
  * account. This is how we know about the IE 11 XHR errors even though I
  * can't reproduce them.
  */
  function handleError() {
    deferred.reject({
      status: null,
      data: new Error('The XHR request to [' + url + '] has failed...'),
      headers: function() {
        return null;
      }
    });
  }

  xhr.onload = handleResponse;
  xhr.onerror = handleError;

  xhr.open(config.method, url, true);

  xhr.responseType = config.responseType || '';
  setHeaders(config.headers);
  xhr.timeout = config.timeout || 0;

  xhr.send(config.data);

  return deferred.promise;
}
&#13;
&#13;
&#13;

感谢您提供的任何帮助!

1 个答案:

答案 0 :(得分:1)

不确定这是否仍然相关,但您的问题听起来有点像 - this

我也面临同样的问题。在我的情况下,当IE中止请求并且请求没有到达服务器时,会发生这种情况。在这种情况下,xhr.status为0且响应为空,因此解析JSON将引发异常。

我找不到一个万无一失的修复方法,但我的解决方法是在错误块中使用相同的参数/有效负载重试几次调用,如果响应符合IE中止方案。

干杯!