如何解决Javascript页面:使用JSON对象为另一个网站页面打开一个新标签
我在同一个域mydomain.com中有两个网站。
https://seconSite.mydomain.com
https://firstSite.mydomain.com/display
我在firstSite https://firstSite.mydomain.com/display
中有一个名为display的网页。
类似地,我在seconSite中有一个名为create https://seconSite.mydomain.com/create
的网页。
在seconSite中发生单击事件时,创建html视图,我需要打开一个新标签来显示firstSite / display页面。
从seconSite / create打开firstSite / display时,我必须传输我的JSON对象,这不小。最小长度为> 5000,因此很难通过URL参数进行传输,
是否可以打开一个新标签,以使用大型JSON对象在点击事件中从https://seconSite.mydomain.com/create加载{{3}}?
有没有一种方法可以在不涉及数据库的情况下将JSON存储在某个地方并将其取回的情况下?
解决方法
您可以使用Window.postMessage
类似
/ create的JS:
clickElement.addEventListener('click',(e) => {
e.preventDefault();
displayWindow = window.open('https://firstSite.mydomain.com/display');
displayWindow.postMessage(jsonObject,'*');
});
用于/ display的JS
window.addEventListener('message',(event) => { console.log(event.data); });
这是要点...可能不是复制/粘贴代码,但应该可以帮助您实现大部分目标。您可能还需要执行其他一些实现细节(设置/检查来源,发回/ create的消息等等)。您可以在下面的链接中找到这些详细信息。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。