需要捕捉ajax跨域脚本加载错误

Question

我在过去的一个月里一直在处理这个问题，我几乎在stackoverflow上阅读了所有的帖子，但是没有办法…我最好的方法是:

$.ajax({
    url: "https://connect1.facebook.net/" + ('BR' == $('#country').val() ? 'pt_BR' : 'es_LA') + "/sdk.js",
    dataType: "script",
    cache: false,
    xhr: function () {
        var xhr = new window.XMLHttpRequest();
        //Not working...                           
        xhr.onerror = function(e) {
            alert("Error Status: " + e.target.status);
        };
        //Frustration ends here...
        return xhr;
    }
})
.done(function(data) {
    console.log("Ajax success");
    init();
    callback();                
});

"connect1"使请求失败，但由于跨域请求的著名问题，我无法找到捕获错误的方法。我最好的办法是实现我自己的xhr对象，但是onerror事件没有被触发。

我写这篇文章是因为任何新的或新鲜的想法都会对我有很大帮助。

UPDATE:这是你可以用来复制请求的url，这是打算失败的:https://connect1.facebook.net/es_LA/sdk.js?_=1445285186108

提前谢谢你。

Guillermo

Answer 1

要检查响应代码，这与脚本错误不同，请在ajax中添加statusCode回调。

$.ajax({
    url: "https://connect1.facebook.net/" + ('BR' == $('#country').val() ? 'pt_BR' : 'es_LA') + "/sdk.js",
    dataType: "script",
    cache: false,
    statusCode: {
        404: function() {
            alert( "page not found" );
        }
    },
    xhr: function () {
        var xhr = new window.XMLHttpRequest();
        //Not working...                           
        xhr.onerror = function(e) {
            alert("Error Status: " + e.target.status);
        };
        //Frustration ends here...
        return xhr;
    }
})
.done(function(data) {
    console.log("Ajax success");
    init();
    callback();                
});

另外，由于URL似乎是JS，你不反对使用JQuery，为什么不利用JQuery . getscript ()?

$.getScript( "https://connect1.facebook.net/" + ('BR' == $('#country').val() ? 'pt_BR' : 'es_LA') + "/sdk.js");

Answer 2

最后，感谢@Wobbles帮助了我很多，我们在这里找到了答案:

https://stackoverflow.com/a/19101142/943082

解决方案包括在ajax请求中添加超时。

超时后，onerror事件将被触发，从那里，您可以用代码响应错误。

        $.ajax({
            url: "https://connect.facebook.net/" + ('BR' == $('#country').val() ? 'pt_BR' : 'es_LA') + "/sdk.js",
            dataType: "script",
            cache: false,
            timeout: 5000, // Wait 5 secs to get the sucess
            error: function(jqXHR, textStatus, errorThrown) {
                if(textStatus === "timeout") {
                    //We waited 5 secs and the request hasnt succeed.
                    //Code to manage the error.

                }
            }
        })

问候,

Guillermo