1.子系统传输数据给父系统(包含iframe标签):
传输数据的系统(子系统)
function sendMessage () {
//子向父发送数据
//第一个参数传输的字符串,第二个参数传输的父系统的url,设置为*,表示不做限制
window.parent.postMessage("toLogin", "*");
}
接受数据的系统(父系统)
window.addEventListener('message', (event) => {
//event.data为子系统传输的字符串
});
2.父系统(包含iframe标签)传输数据给子系统:
传输数据的系统(父系统)
function sendMessage () {
//父向子发送数据
//第一个参数传输的字符串,第二个参数传输的子系统的url,设置为*,表示不做限制
window.parent.postMessage("toLogin", "*");
}
接受数据的系统(子系统)
window.addEventListener('message', (event) => {
//event.data为父系统传输的字符串
});
本文详细讲解了子系统通过postMessageAPI向父系统发送和接收数据的过程,以及反之的情况,涉及浏览器中的跨域通信技术。
5997

被折叠的 条评论
为什么被折叠?



