跨域哈希更改通信

Question

请考虑以下两个域：domain1.com 和domain2。

我从domain1 打开一个指向domain2 的iframe。

现在，我希望这些人能够相互通信，我已经通过在两个域上应用哈希更改事件侦听器成功实现了这一点。

这样，如果domain2 使用新的哈希调用parent.location，则父窗口(domain1) 中的哈希将被触发。此外，如果我从父级将其 src 属性更改为新哈希，则哈希更改事件会在 iframe 中触发。

这太棒了！

麻烦来了：

浏览器中的后退和前进功能变得混乱。简而言之，通过创建两个哈希实例，必须单击浏览器后退按钮两次才能更改父哈希，因为它必须首先循环遍历 iframe 的哈希。

如何在不搞乱历史对象的情况下与跨域 iframe 2 路通信？

谢谢！

Answer 1

使用 easyXDM，它是一个 javascript 库，可以为您完成所有艰苦的工作，使您能够进行跨域通信和 RPC所有浏览器，包括 IE6。

这不会对任何当前浏览器（甚至 IE6）使用 HashTransport，因此不会更改历史记录。

您不会找到更好的东西。

您可以在此 Script Junkie 文章，或直接前往 github 上的自述文件

Answer 2

跨域通信的另一种技术是 (ab) 使用 window.name。它要求 iframe 最初具有相同域的 src，之后您移动到设置 window.name 的另一个域，然后返回到原始源（返回历史记录）。这个想法是，除非显式设置，否则 window.name 不会更改，这意味着您可以跨域传输 window.name 数据。

此技术在以下位置有更详细的描述：
- http://skysanders.net/subtext/archive/2010/10/11/leveraging-window.name-transport-for-secure-and-efficient-cross-domain-communications.aspx< br>
- http://jectbd.com/?p=611

一定要选择避免点击的实现IE 中的声音。

不幸的是，它仍然会扰乱你的历史，但它会向前迈出一步，然后向后退到它所在的历史点。不过，一个很大的好处是您不必解析和编码 URI 字符串，而是可以立即使用 JSON。

例如使用 JSON lib

// access window.name from parent frame
// note: only when iframe stepped back to same domain.
var data = JSON.parse( iframe.contentWindow.name );

// set child frame name
// note: only when iframe stepped back to same domain.
iframe.contentWindow.name = JSON.stringify( {
    foo : "bar"
} ); // to JSON string

// set own name ( child frame )
window.name = JSON.stringify( {
    foo : "bar"
} ); // to JSON string

Cookie 技术也是可行的，对于您所使用的这两种技术如果你想避免历史记录更改但仍然需要http请求，则需要在目标iframe中执行ajax请求。
so：

1. 将数据发送到 iframe x（使用 cookie 或 window.name 技术）
2. 在 iframe x 中使用轮询器捕获数据
3. 在 iframe x 中执行 ajax 请求。
4. 将数据发送回 iframe y（使用 cookie 或 window.name 技术）
5. 在 iframe y 中使用轮询器捕获数据
6. 做一些做作的事情。

任何页面刷新（httprequest）或 url 更改都会更新历史记录（旧版或所有 IE 版本除外），因此需要更多代码。