前端面试知识点梳理之六——通信类

一、相关题目

前后端如何通信

如何创建ajax

什么是同源策略及限制

跨域通信的几种方式

二、问题解答

1.前后端如何通信

A.ajax:同源通信

B.WebSocket:不受同源策略限制

C.Cors：支持同源，也支持跨域

2.如何创建ajax

关注点：

1）xmlHttpRequest对象的工作流程

2）兼容性处理

3）事件触发条件

4）事件触发顺序

4.什么是同源策略及限制

同源策略限制从一个源加载的文档和脚本如何与另一个源的资源进行交互，这是隔离潜在恶意文件的一种安全机制。

所谓同源：协议，ip/域名，端口完全一致

cookie，localStorage和indexDB无法读取

DOM无法获得

ajax请求不能发送