求助：实现NemPlads表单注册成功后跳转至确认页面的JS方案

核心解决办法：用postMessage实现跨域通信 #

因为嵌入的iframe和你的主站不是同一个域名，直接监听window事件会被浏览器的跨域安全规则拦住，所以得靠postMessage来让iframe和父页面互通消息。

第一步：给主页面加监听代码 #

在你的主页面（https://kitarino.net/platz-anfrage）里，添加这段JavaScript代码，用来接收iframe发过来的注册成功信号：

window.addEventListener('message', function(event) {
  // 先验证消息来源，替换成NemPlads实际的域名，防止恶意消息
  if (event.origin === 'https://[NemPlads的域名]') {
    // 判断是不是注册成功的信号
    if (event.data === 'registration-success') {
      // 跳转到确认页面
      window.location.href = 'https://kitarino.net/bestaetigung-bewerbung';
    }
  }
});

第二步：让iframe发送成功信号 #

如果NemPlads的预注册脚本支持自定义回调，你需要在嵌入脚本时配置成功回调，让它向父页面发送消息。比如嵌入脚本的参数里可能有onSuccess这类选项：

<!-- 假设原嵌入iframe是这样的，加上onSuccess回调 -->
<iframe src="https://[NemPlads的表单地址]?onSuccess=sendSuccessMessage" frameborder="0"></iframe>

<script>
function sendSuccessMessage() {
  // 给父页面发成功信号，第二个参数填你的主站域名，别用*，不安全
  window.parent.postMessage('registration-success', 'https://kitarino.net');
}
</script>

如果没法修改iframe内的代码 #

要是NemPlads不允许修改他们的脚本，你可以试试监听iframe的加载状态，判断它是否跳转到了注册成功页面：

const iframe = document.querySelector('iframe');
iframe.addEventListener('load', function() {
  // 检查iframe的URL里有没有成功页面的特征，比如包含success
  try {
    if (iframe.contentWindow.location.href.includes('success')) {
      window.location.href = 'https://kitarino.net/bestaetigung-bewerbung';
    }
  } catch (e) {
    // 跨域可能会报错，这里可以加个提示或者忽略
    console.log('无法获取iframe地址，跨域限制');
  }
});

提示：这种方法依赖于NemPlads成功页面的URL特征，要是他们修改了URL结构就会失效，而且跨域情况下浏览器可能会阻止你获取iframe的location，所以优先用postMessage的方法。

排查小技巧 #

• 别把postMessage的目标域名写成*，不安全，一定要填写你的主站域名
• 打开浏览器控制台查看是否有跨域报错，能帮你快速定位问题
• 去NemPlads的官方文档看看，有没有他们提供的回调或通信方式，官方方案最靠谱

内容的提问来源于stack exchange，提问作者Alex