javascript – 如何抓住jQuery AJAX错误？

当一个AJAX请求被提交到一个站点时,服务器端的错误很容易用jQuery承诺方法处理. .done(),.fail()等.但是,对于某些请求(例如,到无效站点或不接受跨源请求的请求),在进行呼叫时立即发生异常.以下是控制台中一个错误的示例：

XMLHttpRequest cannot load http://someotherserver/api/blahblah . Origin

http://localhost:52625 is not allowed by Access-Control-Allow-Origin.

是的,我知道CORS …这不是问题.我正在做的是尝试网络api调用来测试服务器IP /名称是否正确

我知道jQuery请求语法中的错误选项：

$.ajax({
    url: remoteURL,
    type: 'GET',
    error: function (err) {
        console.log("AJAX error in request: " + JSON.stringify(err, null, 2));
    }
}).etc.etc.

错误在这里处理,但异常仍记录在控制台中.将这些包装在try-catch块中似乎是合理的,但这似乎没有帮助.

我发现了 this question ,但解决方案涉及到黑客jQuery代码.当然有更好的方法来捕捉这些错误,而不是堵塞控制台日志？

尝试这个：

$.ajax({
    url: remoteURL,
    type: 'GET',
    error: function (err) {
        console.log("AJAX error in request: " + JSON.stringify(err, null, 2));
    }
}).always(function(jqXHR, textStatus) {
    if (textStatus != "success") {
        alert("Error: " + jqXHR.statusText);
    }
});

XHR听众：

$.ajax({
    url: remoteURL,
    type: 'GET',
    xhr: function(){
        var xhr = new window.XMLHttpRequest();
        xhr.addEventListener("error", function(evt){
            alert("an error occured");
        }, false);
        xhr.addEventListener("abort", function(){
            alert("cancelled");
        }, false);

        return xhr;
    },
    error: function (err) {
        console.log("AJAX error in request: " + JSON.stringify(err, null, 2));
    }
});