javascript - XmlHttpRequest 请求失败时获取回调响应

Question

我对我的服务提出了一个简单的请求:

 var request = new XMLHttpRequest();
    request.open("OPTIONS", url, true);
    request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
    request.setRequestHeader('Accept', 'application/json');

    request.onreadystatechange = function () {
        if (request.readyState != 4) {
            return;
        }

        var authType = request.getResponseHeader("WWW-Authenticate");

        makeRequest(...);
    };

    request.send();
}

所以我想要实现的是调用我的端点以查看授权类型(基本或不记名)是什么，然后当我获得授权类型时，我将使用正确的凭据发出实际请求。

如果我手动发出请求，我会收到 401 unauthorized 这是正常的，但我也会在我的 header 中收到 WWW-Authenticate: Basic ...。但是，如果我执行此 javascript 调用，它只会失败并显示 401:unauthorised 但我在回调中没有收到此失败响应，因此 authType 将是未定义的。

我之前没有使用过 javascript，所以问题是即使请求因未授权而失败，我如何在回调中获得响应？

Answer 1

XMLHttpRequest 有一个 onerror 回调，您可以使用:

var request = new XMLHttpRequest();
...
request.onerror = function(){
    if (this.status == 401) {
    } 
} 
...
request.send();