美文网首页
postMessage 解决窗口跨域消息传递

postMessage 解决窗口跨域消息传递

作者: Eastblue | 来源:发表于2018-05-10 17:42 被阅读0次

    现在跨域嵌套的网页通信现在有了新的解决办法了。

    postMessage(data,origin)

    data是要传递的数据

    origin:指明目标窗口源,http://XX.com 这样的。

    如果同源就/

    如果传递任意*

    一.为什么需要使用postMessage这个跨域技术对于一个普通的页面而言,如果页面中的数据量太多时,会导致某个页面的数据量太多 二显得特别的臃肿,所以通常是使用iframe的方式来加载子页面,但是我们使用了iframe来加载子页面后,通常又涉及到子页面与父页面直接的信息的交替,比如我的父页面中有许多的功能时,会导致页面中的表单、表格、对话框(dialog)就很多,我们通常会将某些它们单独的分配到其他的子页面中去,如添加表单,但是当我们的表单添加功能,父页面是显示数据库中的数据同时包含了添加的数据,这时如果想要我的子页面中的表单提交后,我的父页面中的表格也相对的进行刷新同步时,我们就涉及到了子页面和父页面之间的信息的交互问题,这时我们通常是使用postMessage来进行交互。

    参考资料:https://www.cnblogs.com/antonyhubei/p/5316631.html

    相关文章

      网友评论

          本文标题:postMessage 解决窗口跨域消息传递

          本文链接:https://www.haomeiwen.com/subject/xsrtdftx.html