13javascript跨域通信

Posted 2020-11-04 魔芋铃

javascript跨域通信

同源：两个文档同源需满足

1. 协议相同
2. 域名相同
3. 端口相同

跨域通信方法：

01，通过设置img,script,link,iframe元素的src,href属性为目标url。

02，请求JSON数据，使用<script>进行jsonp请求。

03，设置内部服务器代理，请求跨域url。返回数据。

04，CORS功能。目标服务器的HTTP响应头为“Access-Control-Allow-Origin:*”即可。魔芋：但是，这样不太安全。可以设置为特定网站的许可。

05，多窗口通信，通过targetWindow.postMessage(date,origin)

• data：需要发送的数据
  
• origin：目标窗口的origin

window.addEventListener(‘message‘, function(event){}, false);

窗口添加message事件监听：

事件对象event

• event.data是postMessage发送来的数据
  
• event.origin是发送窗口的origin
  
• event.source是发送消息的窗口引用
  

**