摆脱浏览器控制台中的 401（未经授权）ajax 错误

Question

我正在使用jQuery.ajax 调用通过javascript 调用api。如果用户未通过身份验证，api 会以 401 响应，我只想在此调用中忽略此错误。

我已经尝试了 jQuery 选项中描述的所有回调选项，但错误仍然会在浏览器控制台中弹出（在 Firefox 和 Chrome 中）。

这是一个触发错误的示例代码：

$.ajax({
    type: 'GET',
    url: '/url-with-auth',
    dataType: 'json',
    statusCode: {
        401: function (error) {
            // simply ignore this error
            console.log(error);
        }
    },
    complete: logall,
    error: function () {
        // simply ignore this error
        console.log(error);
    },
    async: false
}).fail(function () {
        // ignore the error and do nothing else
        console.log("$.get failed!");
    });

这也具有在受 .htaccess 文件保护的登台机器上再次请求用户凭据的副作用，因为浏览器认为用户未经过身份验证，因此在以下请求中，用户需要重新输入他的 http 凭据.

有什么办法可以完全忽略这个错误？

编辑

目前我有一个完全缓存应用程序端的 HTML 模板，出于性能原因，我想保留此行为。布局中唯一更改的部分是当前用户的登录信息，因此我使用未登录用户的默认标记呈现（缓存）页面，然后使用 jQuery 我将标记的相关元素替换为ajax 调用返回的登录信息。因此，如果用户没有登录并且 ajax 端点返回 401 我不需要任何东西，那么标记应该保持不变。

此时一切正常，唯一丑陋的是我在控制台中有 401 javascript 错误，我想摆脱它。

这是我正在谈论的消息的屏幕截图：

Answer 1

我也遇到了这个问题，想在 JavaScript 控制台中抑制 HTTP 401 和 404 等错误的异常。我发现了这个问题，但不明白为什么 error() 和 statusCode() 处理程序没有消除异常，所以我自己研究了一下。

据我所知，这是浏览器中本机 ajax XMLHttpRequest 对象的问题，而不是 jQuery。为了证明这一点，我使用了以下测试代码：

function xhrTest(index) {
    var ajaxObjects = [
        $.ajaxSettings.xhr(), // what jquery returns
        new XMLHttpRequest()  // the native one in the browser
    ];
    var ajax = ajaxObjects[index];
    ajax.onreadystatechange = function() {console.log("xhrTest: state: " + ajax.readyState)};
    var errorHandler = function() {console.log("xhrTest: error");};
    ajax.onerror = errorHandler;
    ajax.onabort = errorHandler;
    ajax.open("GET", "/fileThatDoesNotExist", true);
    ajax.send();    
}

请注意，当使用绕过 jQuery 的 xhrTest(0) 或 xhrTest(1) 调用（我从 JavaScript 控制台执行此操作）时，结果是相同的：

Answer 2

你能在页面上添加一个隐藏字段吗（我猜它是动态生成的），比如：

<input type="hidden" name="isLoggedIn" value="true" (or false) />

然后在你的javascript中，放置

if ($('input[name=isLoggedIn"]').val() == "true")
{
     //your ajax call here
}