优雅的使用XDM(跨文档消息传递)

问题

如何才能使两个甚至多个不同域的系统在一个页面进行通信呢?
在工作中,老板交给我一个任务,他需要2个甚至多个不同域的系统集成在一个页面上,并进行信息的交换与传递,找了很多资料,最终发现可以通过这个方法简单来实现

跨文档消息传递

指的是在不同域的页面间传递消息,例如在http://www.xxx.com域中的某个页面中与其内嵌框架中的http://www.yyy.com域中 页面进行通信。XDM 的核心是 postMessage()方法。其作用是向另一个地方传递数据,‘‘另一个地方’’指的是包含在当前页面中的

假设以下这个页面是http://www.yyy.com的某个页面(是www.xxx.com的内嵌页面)






    

网页效果展示:


优雅的使用XDM(跨文档消息传递)_第1张图片
向内嵌页面发送数据

优雅的使用XDM(跨文档消息传递)_第2张图片
内嵌页面向父页面发送数据

你可能感兴趣的:(优雅的使用XDM(跨文档消息传递))