SCRIPT70：JQuery Ajax Post 上的权限被拒绝

Question

我最近遇到了这个奇怪的错误。这是整个过程的流程。

1. 有一个对网站的 JQuery ajax post 调用将刷新 div 的内容。它将参数传递给该网站并返回 HTML 脚本。
2. 如果post成功，它会先清除div，并使用从该网站检索到的返回值重写它。

错误发生在第 2 点。

奇怪的是：

在我的机器（Windows 8）和虚拟机（Windows 10）中都可以正常工作。我对两者都使用了相同的浏览器（IE 11 和 Edge）。但是，我的同事无法执行第 2 点，因为他收到客户端错误 SCRIPT70: Permission denied。 他正在使用 Edge。

我将在下一次更新中发布部分代码。但到目前为止，我已经在安全性方面对其进行了检查，但实际上没有。

我该如何解决这个问题？

更新

这是通过 JQuery Ajax Post 调用一个网站（或 aspx）并检索和更新 div 的代码。

function RefreshDiv(isChild) {
  var data = {
    ActionType: "AJAX",
    Action: "Refresh"
  };

  $.post("RefreshDivContents.aspx", data, function (result) {
    if(result != '') {
      var divItems;

      if(isChild) {
          divItems = window.parent.$("#TopDiv").find("#DivItems");
      }
      else {
          divItems = $("#DivItems");
      }

      divItems.empty(); // error hit here.
      divItems.append(result);
    }
  });
}

更新 #2 我更新了示例代码以获取更多信息。另外，我把错误放在了发生的地方，但我不知道它为什么会出现在那里。它应该只清除项目。

更新 #3 根据 Jacob 的回复，我很好奇这两个 iframe src 的协议和端口号是什么。下面是基于控制台的结果。

Answer 1

这看起来有问题：

divItems = window.parent.$("#TopDiv").find("#DivItems");

我从这个 sn-p 中得知关键问题在于 Same-origin policy。一个来源的文档不能更新另一个来源的内容。例如，在这种情况下，您的代码看起来可能在 iframe 中运行并尝试更新父文档中的 div。如果两个文档的来源相同，则没有问题。

这就是我询问 URL 的原因。必须考虑两个文档的 URL 是什么，才能找到使脚本正常工作的解决方案：

如果文档 A 来自 http://example.com 而文档 B 来自 http://www.example.com，则文档 B 只需运行 document.domain = 'example.com'; 即可更改来源。

如果两个文档的端口号不同，但域和协议相同，则它们都可以将它们的document.domain 设置为相同的域，以从它们的来源中清除端口号，使它们兼容。

如果一个人使用 HTTPS，另一个人使用 HTTP，那么令人惊讶的是，非安全框架会完全加载，即使加载了，您也很难访问另一个文档。

如果两者的域名完全不兼容，则必须实现CORS。

总而言之，您需要了解同源策略，这确实很痛苦，但可以保护用户免受恶意脚本的侵害，然后构建您的应用以适应它。