捕获 XHR 的 404 错误
Posted
技术标签:
【中文标题】捕获 XHR 的 404 错误【英文标题】:Catch a 404 error for XHR 【发布时间】:2015-08-06 05:20:21 【问题描述】:基本上,我必须创建一个 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怎么能做到呢?
【问题讨论】:
您可以查看xhr.status
的值。见***.com/questions/10931270/…
看看这里>***.com/questions/1442425/…,希望它能回答你的问题
【参考方案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.
【讨论】:
@Tesmen 应该将此答案设为正确答案,因为 404 不是错误。这是一个响应代码。此外,这个答案对我有用。 @Duco 不幸的是,在 event.target.readystate==1 和 event.target.readystate==2 之间的控制台级别报告了错误;在“loadend”发挥作用之前的方式。控制台的输出发生在 就绪状态事件之间;因此,当 readystate==2 通知我们情况时,一条消息(红色墨水)已经喷溅到控制台上。这就是您所说的“我们的浏览器供应商不允许我们以编程方式压制”的意思吗?如果是这样,感谢您解释为什么我无法清理它。 这就是我的意思 IAM_AL_X。用户可以使用开发工具中的过滤器选项停止红色墨水,但程序员无法控制。以上是关于捕获 XHR 的 404 错误的主要内容,如果未能解决你的问题,请参考以下文章
Springboot ajax xhr 加载失败 404 错误
XHR 错误 (404 Not Found) 加载 http://localhost:3000/traceur