前端通信总结

同源策略及限制

原理:同协议,同域名,同端口
限制:
1.cookie,localStorage和indexDB无法读取
2.dom无法获取
3.ajax请求不能发送

前后端如何通信

1.ajax(同源)
2.webSocket(非同源)
3.cors(支持同源也支持非同源)

跨域通信方式

1.jsonp(利用script标签异步加载)
2.hash(url地址中#后边):hash变动页面不刷新
3.postMessage(h5中新增)
4.webSocket
5.CORS(支持跨域通信的ajax)