问题：

在Chrome Developer Tools中，资源的status=canceled是什么意思？

方璞

2023-03-14

什么会导致页面被取消？我有一个Chrome开发工具的截图。

这种情况经常发生，但不是每次都发生。似乎一旦缓存了其他资源，页面刷新就会加载leftpane.aspx。而真正奇怪的是，这只发生在谷歌Chrome上，而不是Internet Explorer8上。有什么想法为什么Chrome会取消一个请求吗？

共有3个答案

松和泰

2023-03-14

注意：确保没有任何包装表单元素。

我也遇到过类似的问题，我的onClick={}按钮被包装在form元素中。当点击按钮时，表单也被提交了，而这一切都搞砸了...

这个答案很可能永远不会被任何人读到，但我想为什么不写出来呢：）

羊光辉

2023-03-14

status=canceled也可能发生在JavaScript事件的ajax请求上：

<script>
  $("#call_ajax").on("click", function(event){
     $.ajax({
        ...    
     });
  });
</script>

<button id="call_ajax">call</button>

事件成功发送请求，但随后被取消（但由服务器处理）。原因是，元素在click事件上提交表单，无论您是否在同一个click事件上发出任何ajax请求。

为了防止请求被取消，JavaScript event.preventDefault（）；不得不叫：

<script>
  $("#call_ajax").on("click", function(event){
     event.preventDefault();
     $.ajax({
        ...    
     });
  });
</script>

子车海

2023-03-14

我们遇到了一个类似的问题，Chrome取消了在帧或iframes中加载东西的请求，但只是断断续续的，这似乎取决于计算机和/或互联网连接的速度。

这些信息已经过时了几个月，但我从头开始构建Chromium，通过源代码找到所有可以取消请求的地方，并在所有这些地方设置断点进行调试。从内存来看，Chrome会取消请求的唯一位置：

在我们的例子中，我们最终将其追溯到一个试图将HTML附加到另一个帧的帧，这有时甚至发生在目标帧加载之前。一旦您接触了iframe的内容，它就不能再将资源加载到其中（它怎么知道该放在哪里呢？）因此它会取消请求。

共有3个答案