一个 jQuery 实例，两个域

Question

我有两个页面： a.example.com 和 b.example.com

a.example.com 包含 jQuery

a.example .com 包含一个指向 b.example.com 的 iframe，

两个页面都将 document.domain 设置为相同的父域，example.com

我如何使用jQuery include 从 a.example.com 调用$.ajax({ url: "b.example.com" }) 来自 b.example.com iframe 内部？

换句话说：两个页面当前都可以访问彼此的 Javascript，但我无法在不引发 XSS 错误的情况下获得对函数的 AJAX 调用。也就是说，b.example.com 上也不包含 jQuery。如何避免两次包含 jQuery？

iframe 内容示例：

<script>
document.domain = "example.com";

function proxyAjax() {
   var jQueryParent = parent.$.sub();

   // Chrome gives error: XMLHttpRequest cannot load http://b.example.com/. Origin http://a.example.com/ is not allowed by Access-Control-Allow-Origin.
   jQueryParent.ajax({
      url : "http://b.example.com/",
      success : function() {
         console.debug("Success");
      }
   });
}

proxyAjax();
</script>

Answer 1

设置 document.domain 将不允许您进行跨域 AJAX 调用。如果您确实不需要来自 b.example.com 的请求，您可以执行以下操作：

在 a.example.com 文档中，使用此 JavaScript 函数：

function makeAjaxRequest(callback) {
    $.ajax({ url: '...', success: callback })
}

然后在 b.example.com 文档中，使用一个脚本使用 b.example.com 中定义的回调函数调用 a.example.com 文档中的 makeAjaxRequest。