前后端通信

前后端通信类

什么是同源策略及限制

同源必须是协议、域名、端口都一样才叫同源
浏览器限制不同源的资源进行交互的
cookie\localStorage\IndexDB无法读取
DOM无法获得
AJAX请求不能发送

前后端如何通信

Ajax // 同源下的通信方式
WebSocket // 不受同源策略的限制 html5新加的
CORS // 支持跨域通信,也支持同源通信

跨域通信的几种方式

如果主域相同使用 document.domain = ‘xxx.com’;
如果是完全不同的两个域

  • JSONP
  • Hash
  • postMessage
  • webSocket
  • CORS