捕获 XHR 的 404 错误

Question

基本上，我必须创建一个 javascript APP 对象，它将对服务器的一系列异步请求进行排队，处理对 JSON 的响应，并从中记录错误。

JSON 处理错误很容易被“try-catch”捕获，但是像 404、500 等服务器错误仍然显示在浏览器的控制台中，而我需要在“APP.history”中静默记录。

我尝试通过下面的代码来实现它，但没有一个 404 错误会引发一个错误。我做错了什么？

xhr = new XMLHttpRequest();
xhr.open("GET", url, true)
xhr.onerror = function(){console.log("error")}  
xhr.upload.onerror = function(){console.log("error")}

顺便问一下，jQuery AJAX怎么能做到呢？

Answer 1

404 状态不会触发 xhr.onerror() 因为从技术上讲它不是错误； 404 本身就是一个有效的响应。

一种解决方案是使用 loadend() 处理程序，无论如何都会触发。然后检查 404 的状态，或您感兴趣的任何状态。

xhr = new XMLHttpRequest();
xhr.open("GET", url, true);

xhr.onloadend = function() {
    if(xhr.status == 404) 
        throw new Error(url + ' replied 404');
}

XMLHttpRequestUpload 也有同样的方法。 不幸的是，我们的浏览器供应商不允许我们在 2017 年以编程方式抑制网络错误。However, networks errors can be suppressed using the console's filtering options.