Question

我正在使用CORS进行跨域调用。我的问题是我需要处理IE中XDomainRequest中的404错误。

在XDomainRequest我只能找到onerror事件来处理所有错误事件，但在我的要求中，我需要显示404错误情况的空占位符图像（API不提供为此空200响应，但使用404）但不管其他错误。

这是请求网址：

http://photorankapi-a.akamaihd.net/streams/1537083805/media/photorank?auth_token=11ff75db4075b453ac4a21146a210e347479b26b67b1a396d9e29705150daa0d&version=v2.1

在其他浏览器中，我使用XMLHttpRequest和req.status code == 404来获取responseText：

{"metadata":{"code":404,"message":"Not Found","version":"v2.1"}}

但是当我试图从req.onerror（下面）获取responseText时，我只能得到空字符串，所以我无法区分404和其他错误。

代码部分如下所示：

xdr: function (url, method, data, callback, errback) {
    var req;
    if(typeof XDomainRequest !== "undefined") {
        req = new XDomainRequest();
        req.open(method, url);
        req.onerror = function() {
            // I want to handle specific 404 error here
            callback(req.responseText);
        };
        req.onload = function() {
            callback(req.responseText);
        };
        req.send(data);
    } else if( typeof XMLHttpRequest !== "undefined") {
        req = new XMLHttpRequest();
        if('withCredentials' in req) {
            req.open(method, url, true);
            req.onerror = errback;
            req.onreadystatechange = function() {
                if (req.readyState === 4) {
                    if ((req.status >= 200 && req.status < 400) || req.status ==404 ) {
                        callback(req.responseText);
                    } else {
                        errback(new Error('Response returned with non-OK status'));
                    }
                }
            };
            req.send(data);
        }
    } else {
        errback(new Error('CORS not supported'));
    }
}

XMLHttpRequest工作正常，除IE之外，所有其他浏览器都正常工作。

Answer 1

不幸的是，XDomainRequest object无论如何都无法访问响应HTTP状态代码。您可以在XDR实例上访问的唯一属性包括：constructor，contentType，responseText和timeout;唯一的方法是：abort()，open()和send()。最重要的是，错误处理程序甚至不会传递任何参数。

处理特定的404错误并使用XDomainRequest获取针对IE的responseText

1 个答案: