全面分析前端的网络请求方式

postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。

//捕获iframe  
var domain = 'http://scriptandstyle.com';  
var iframe = document.getElementById('myIFrame').contentWindow;  
//发送消息  
setInterval(function(){  
    var message = 'Hello!  The time is: ' + (new Date().getTime());  
    console.log('blog.local:  sending message:  ' + message);  
        //send the message and target URI  
    iframe.postMessage(message,domain);   
},6000);  

//响应事件  
window.addEventListener('message',function(event) {  
    if(event.origin !== 'http://davidwalsh.name') return;  
    console.log('message received:  ' + event.data,event);  
    event.source.postMessage('holla back youngin!',event.origin);  
},false);  

postMessage跨域适用于以下场景：同浏览器多窗口间跨域通信、iframe间跨域通信。

WebSocket

（编辑：衡阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!