跨域通信的5种方式,你了解吗?

3 min read

跨域通信可以通过以下几种方式实现:

  1. JSONP:利用script标签可以跨域访问的特性,利用服务端返回的callback函数来包裹要返回的数据,从而实现跨域通信。

  2. CORS:服务端开启跨域资源共享,通过Access-Control-Allow-Origin等响应头来控制哪些域可以访问。

  3. 代理:前端通过自身的服务端来请求数据,然后再将数据返回给前端,对于前端来说这就是同源请求了。

  4. postMessage:利用html5提供的window.postMessage方法来实现两个不同源的页面之间的通信。

  5. WebSocket:利用HTML5提供的WebSocket协议实现两个不同源的页面之间的实时通信。