javascript - 重定向弹出窗口并发布消息

Question

我遇到了一个问题，我必须从弹出窗口重定向到另一个域并向它发布消息。这是场景:-

1. 用户在同一个域中打开一个新的弹出窗口。(例如:http://doamin_one.com)
2. 用户在弹出窗口中填写表单并点击提交。这应该将窗口重定向到 http://doamin_two.com domain_two.com 应该通过邮寄消息接收表单数据。

如果我打开新的弹出窗口并发布消息，我可以接收消息，但在重定向的情况下则不能。这是我的代码:

http://domain_one.com -

   function redirect(formData,popup) {
     //popup=window ref object
     popup.location.href="http://domain_two.com"
     popup.postMessage(JSON.stringify(formData),
          "http://domain_two.com");
}

http://domain_two.com -

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event)
{
 if (event.origin !== "http://domain_one.com")
      return;
 let data=event.data;
 //....
}

Answer 1

您可以使用查询字符串参数将表单数据传递给"http://domain_two.com"，然后在处解析location.href的查询字符串第二个域的load事件

popup.location.href = `http://domain_two.com?${new URLSearchParams(formData.entries()).toString()}`