javascript - 检查失败的 HTTP 请求

Question

有没有办法在 javascript 中检查失败的 HTTP 请求？例如

<img src="foo.com">

将失败并显示一条消息(在 Chrome 开发工具中):

Failed to load resource: the server responded with a status of 404

我想在 javascript 中捕获相同的 HTTP 失败。

Answer 1

一旦出现错误，您就必须记录下来。一旦到达 timeout，它就会抛出一个错误事件。

window.addEventListener('error', function(e) {
    console.log(e);
}, true);

<img src="foo.com">

输出:

{
  "isTrusted": true,
  "NONE": 0,
  "CAPTURING_PHASE": 1,
  "AT_TARGET": 2,
  "BUBBLING_PHASE": 3,
  "type": "error",
  "target": <img src="foo.com"></img>,
  "currentTarget": {
    /**id:2**/
    "postMessage": function () { [native code] },
...