捕获 XMLHttpRequest 跨域错误

Question

有没有办法捕获发出请求时由 Access-Control-Allow-Origin 引起的错误？我使用的是 jQuery，并且 .ajaxError() 中设置的处理程序永远不会被调用，因为从未发出请求。

有什么解决方法吗？

Answer 1

对于 CORS 请求，应触发 XmlHttpRequest 的 onError 处理程序。如果您有权访问原始 XmlHttpRequest 对象，请尝试设置一个事件处理程序，例如：

function createCORSRequest(method, url){
  var xhr = new XMLHttpRequest();
  if ("withCredentials" in xhr){
    xhr.open(method, url, true);
  } else if (typeof XDomainRequest != "undefined"){
    xhr = new XDomainRequest();
    xhr.open(method, url);
  } else {
    xhr = null;
  }
  return xhr;
}

var url = 'YOUR URL HERE';
var xhr = createCORSRequest('GET', url);
xhr.onerror = function() { alert('error'); };
xhr.onload = function() { alert('success'); };
xhr.send();

请注意以下事项：

• 在 CORS 请求上，浏览器的 console.log 将显示错误消息。但是，该错误消息不适用于您的 JavaScript 代码（我认为这样做是出于安全原因，我之前问过这个问题一次：是否可以捕获 CORS 错误？）。

• xhr.status 和 xhr.statusText 未在 onError 处理程序中设置，因此您实际上没有任何关于 CORS 请求失败原因的有用信息。您只知道它失败了。

Answer 2

可以像这样获取错误状态：

xhr.onerror = function(e) {
    alert("Error Status: " + e.target.status);
};

来源：https:// /developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

Answer 3

为onerror设置处理程序，您将能够捕获跨域异常。我不知道为什么会因异常而触发 onerror 事件，而不是 error 事件，但我刚刚测试了它并且它有效。

req = $.get('http://www.example.com');
req.onerror = function() { alert('An exception occurred.') };