javascript - IE，XDomainRequest并非始终有效

我正在尝试在IE上进行跨域。

我使用XDomainRequest，并为所有事件(onerror，onload，onprogress和ontimeout)植入了日志记录，以监视进度。

它有时起作用，但并非总是起作用(一台计算机，IE9，同一站点，同一请求，每3或4个作品中的1个；另一台计算机IE8，也许2个作品中的1个)。我没有从日志记录中获得任何有用的信息，因为没有触发任何事情。

我很困扰。 IE的任何调试工具吗？为什么有些时候XDomainRequest不能正常工作？

非常感谢
冠蛋白

最佳答案

XDomainRequest对象中至少有两个重要的错误，一个影响IE8，另一个影响IE9。

问题1-垃圾收集

在Internet Explorer 8中，已调用send()但尚未完成的XDomainRequest对象被错误地接受垃圾回收。该错误的症状是开发人员工具的网络跟踪显示请求的“已终止”，并且未调用任何错误，超时或成功事件处理程序。

典型的AJAX代码看起来像这样:

function sendCrossDomainAjax(url, successCallback, errorCallback) {
  var xdr = new XDomainRequest();
  xdr.open("get", url);
  xdr.onload = function() { successCallback(); }
  xdr.onerror = function() { errorCallback(); }
  xdr.send();
}

在此示例中，包含XDomainRequest的变量超出范围。如果用户不走运，则在send()异步完成之前，IE的Javascript垃圾收集器将运行，并且该请求将被中止。即使XDomainRequest对象可以捕获到OnLoad和OnError事件处理程序中，IE也会看到整个对象图没有对其的引用，并将对其进行垃圾回收。 IE应该“固定”对象，直到完成。

您会在互联网上注意到很多其他讨论，其中提到在xdr.send()周围放置setTimeout；调用将以某种方式“解决”神秘的XDomainRequest故障。这是一个错误，并且完全不正确。所发生的一切只是将XDomainRequest对象“固定”到setTimeout闭包中，而没有进行垃圾回收的速度如此之快。它不能解决问题。

若要正确解决此问题，请确保XDomainRequest存储在全局变量中，直到请求完成为止。例如:

var pendingXDR = [];

function removeXDR(xdr) {
  // indexOf isn't always supported, you can also use jQuery.inArray()
  var index = pendingXDR.indexOf(xdr);
  if (index >= 0) {
    pendingXDR.splice(index, 1);
  }
}

function sendCrossDomainAjax(url, successCallback, errorCallback) {
  var xdr = new XDomainRequest();
  xdr.open("get", url);

  xdr.onload = function() {
    removeXDR(xdr);
    successCallback();
  }

  xdr.onerror = function() {
    removeXDR(xdr);
    errorCallback();
  }

  xdr.send();
  pendingXDR.push(xdr);
}

问题2-缺少OnProgress EventHandler

第二个问题是已知的。 Internet Explorer 9在XDomainRequest对象中引入了一个回归，在该回归中，丢失(空)的OnProgress事件处理程序将在尝试报告进度信息时导致请求中止。

对于快速请求，IE9永远不会尝试调用OnProgress事件处理程序，并且请求成功。某些情况(例如IE由于打开的连接过多而延迟请求，网络延迟，服务器响应缓慢或较大的请求或响应有效负载)将导致IE9开始报告进度信息。

IE9尝试在不首先检查事件处理程序是否存在的情况下调用该事件处理程序，并且XDomainRequest对象崩溃并在内部破坏自身。

要解决此问题，请始终确保将事件处理程序附加到OnProgress。鉴于该错误，在对象的所有事件中防御性地添加事件处理程序并不是一个坏主意。

var xdr = new XDomainRequest();
xdr.open("get", url);
xdr.onprogress = function() { };
// regsister other event handlers

其他问题

我似乎有报告说，如果在调用.open()之前注册了事件处理程序，则XDomainRequest可能会失败。同样，在防御上，在.open()和.send()调用之间注册它们并不是一个坏主意。我还没有亲自验证这是否是一个实际的错误。

如果遇到“访问被拒绝”错误，那是因为XDomainRequest不允许目标页面和宿主页面之间的URI方案不匹配。换句话说，请尝试不要从HTTPS页面调用HTTP资源。

当心互联网上的大多数XDomainRequest库。我查看了大多数流行的插件，例如各种jQuery AJAX传输插件(包括在此处另一个答案中链接的插件)。

而且，当然，XDomainRequest服从所有正常的limitations and constraints的约束。这些本身不是错误，并且与替代方法(iframe合并，Flash crossdomain.xml传输)相比，它们不是而不是。

我在公共(public)域许可证下发布了一个新的jQuery AJAX XDomainRequest传输:https://github.com/ebickle/snippets/tree/master/javascript/xdomainrequest

关于javascript - IE，XDomainRequest并非始终有效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8058446/