基于HTML5的EasyXDM组件实现浏览器兼容的跨域资源请求

同源策略(http://baike.baidu.com/view/1580195.htm)指浏览器客户端的javascript脚本，只被允许访问来自同一站点的资源，阻止来自其它站点可能怀有恶意的资源。这种策略在保证安全的同时，也带来了站点间交互的诸多限制。一直以来，存在多种解决方案来实现跨域资源请求，比如基于flash或基于iFrame等等，web开发者需要选择不同的方案来兼容各种浏览器。

HTML5 XDM

近年不断发展的HTML5规范对XDM-跨文档消息传送机制进行了规范，利用postMessage()（http://www.whatwg.org/specs/web-apps/current-work/multipage/web-messaging.html#dom-window-postmessage）函数可以简单稳妥的实现对其他窗口及站点的跨文档消息传送XDM(cross-document messaging)。

postMessage(message, targetOrigin, transfer)函数有三个参数。第一个message表示要发送的消息，第二个参数表示消息接收方所在域。第三个参数是可选的，用于渠道信息发送。

比如下面的例子简单演示了使用postMessage()向内嵌iframe发送一条消息，并指定来源自www.infoq.com，防止其中文档来源被悄悄改变。

var iframWindow = document.getElementById("theFrame").contentWindow;

  iframWindow.postMessage("private info", "http://www.infoq.com");

 

接收方www.html5.org收到XDM消息会异步触发window对象的message事件。首先验证消息来源是已知的域www.infoq.com，在处理完消息后，向发送方回复一条消息。

window.addEventListener(“message”,function(event) {

<