Ajax 是什么？Ajax 的交互模型？同步和异步的区别？如何解决跨域问题

Posted 2020-09-02 BlueSky1024

Ajax 是什么： 
1. 通过异步模式，提升了用户体验 
2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 
3. Ajax 在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。

Ajax 的最大的特点： 
1. Ajax可以实现动态不刷新（局部刷新） 
2. readyState 属性 状态 有5个可取值： 0 = 未初始化，1 = 启动， 2 = 发送，3 = 接收，4 = 完成

Ajax 同步和异步的区别: 
1. 同步：提交请求 -> 等待服务器处理 -> 处理完毕返回，这个期间客户端浏览器不能干任何事 
2. 异步：请求通过事件触发 -> 服务器处理（这是浏览器仍然可以作其他事情）-> 处理完毕 
ajax.open方法中，第3个参数是设同步或者异步。

Ajax 的缺点： 
1. Ajax 不支持浏览器 back 按钮 
2. 安全问题 Ajax 暴露了与服务器交互的细节 
3. 对搜索引擎的支持比较弱 
4. 破坏了程序的异常机制 
5. 不容易调试

解决跨域问题： 
1. jsonp 
2. iframe 
3. window.name、window.postMessage 
4. 服务器上设置代理页面