来自父级的 iFrame 点击监控

Question

我们有一位客户需要我们通过 iFrame 在他们的网站中添加一个工具。在 iFrame 中，我们正在显示产品，当单击“添加到购物车”链接时，需要将产品添加到父文档购物车中。父项和子项不在同一个域中。不幸的是，客户端无法为我们提供发布到购物车的方法，我们所能做的就是调用他们的 cart.add(qty,id) 函数，但它在 iFrame 中不起作用，因为 iFrame 显然没有可用的函数.此外，我们不能只是将帖子伪造到购物车，因为我们无法访问会话 ID。幸运的是，我可以在他们的主页上添加我需要的任何 Javascript。

有没有办法让我监听来自父母的 iFrame 中的点击，然后从 iframe 中提取数量和产品 id 值，然后执行 cart.add 函数？考虑到限制，有没有更好的方法来解决这个问题？

Answer 1

这是不可能的，因为它存在安全风险，并且可以通过same-origin policy 防止。

Answer 2

不要使用 iFrame。使用 jquery .load() 将整个其他站点放在一个 div 中。确保您的“点击”是 live() 以便他们捕捉到添加内容的点击，这应该没问题。我不知道您加载的网站有多大。如果你不需要所有的标题信息，你也可以指定只引入页面的一部分，或者指定一个特定的 div。

Answer 3

我想出了一个方法。我在这里写了个帖子解释一下：http://blog.igodigital.com/blog/notes-on-cyber-weekend-targeted-email-campaigns/enabling-cross-domain-js-with-iframes-the-fun-way