什么状态=取消的资源意味着在Chrome开发工具?

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

这种情况经常发生，但不是每次都发生。似乎一旦缓存了一些其他资源，页面刷新就会加载LeftPane.aspx。真正奇怪的是，这只发生在谷歌Chrome浏览器中，而不是ie8。知道为什么Chrome会取消一个请求吗?

当前回答

你可能想要检查“X-Frame-Options”标题标签。如果它设置为SAMEORIGIN或DENY，那么iFrame插入将被Chrome(和其他浏览器)根据规范取消。

另外，注意一些浏览器支持ALLOW-FROM设置，但Chrome不支持。

为了解决这个问题，你需要删除“X-Frame-Options”标题标签。这可能会让你容易受到点击劫持攻击，所以你需要决定风险是什么以及如何减轻它们。

其他回答

这是发生在我身上的事情:服务器为302重定向返回了一个格式错误的“Location”头。当然，Chrome没有告诉我这一点。我在firefox中打开了这个页面，并立即发现了问题。有多种工具真好:)

你可能想要检查“X-Frame-Options”标题标签。如果它设置为SAMEORIGIN或DENY，那么iFrame插入将被Chrome(和其他浏览器)根据规范取消。

另外，注意一些浏览器支持ALLOW-FROM设置，但Chrome不支持。

为了解决这个问题，你需要删除“X-Frame-Options”标题标签。这可能会让你容易受到点击劫持攻击，所以你需要决定风险是什么以及如何减轻它们。

在我的情况下，它开始出现后chrome 76更新。

由于一些问题在我的JS代码，窗口。位置被多次更新，导致取消先前的请求。虽然这个问题之前就存在，但chrome在更新到版本76后开始取消请求。

当我用$调用a. js文件时，也发生了同样的情况。ajax，并发出一个ajax请求，我所做的是正常调用。

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

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

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

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

为了防止请求被取消，JavaScript event.preventDefault();必须被称为:

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

推荐文章