使用 javascript 将数据从一个域发送到另一个域(我可以访问两个网页的 )

2024-02-15

我可以访问<head>两个页面上都有标签,我需要将数据从一个页面发送到另一页面。两个页面都位于不同的域中。

页面 A 域 (www.foo.com http://www.foo.com)

页面 B 域 (www.bar.com http://www.bar.com)

如果我声明了一个变量,比如说var test_parameter = 'something';...我如何使用某种代码从一页到下一页获取该变量<head> tag?


您可以使用Window.postMessage https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage只要一页打开另一页。


Page A (https://example.org https://example.org)

var test_parameter = 'something';

Window.open('https://example.net')
      .postMessage(test_parameter, 'https://example.net');

Page B (https://example.net https://example.net)

window.addEventListener('message', (event) => {
    
    // Do not do anything unless the message was from
    // a domain we trust.
    if (event.origin !== 'https://example.org') return;

    // Create a local copy of the variable we were passed.
    var test_parameter = event.data;
    
    // Do something...

    // Optionally reply to the message (Page A must also have
    // a 'message' event listener to receive this message).
    event.source.postMessage('Done!', 'https://example.org');

}, false);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 javascript 将数据从一个域发送到另一个域(我可以访问两个网页的 ) 的相关文章