1、原生 AJAX 请求处理
-
创建
XMLHttpRequest 对象
,也就是创建一个异步调用对象 -
创建一个新的
HTTP 请求
,并指定该 HTTP请求的方法、URL及验证信息
-
设置响应 HTTP 请求状态变化的函数
-
发送
HTTP 请求 -
获取异步
调用返回的数据
-
使用 JavaScript 和 DOM 实现
局部刷新
2、同步请求和异步请求的区别
同步:
浏览器访问服务器请求,用户等待请求完,页面刷新,新内容出现,用户看到新内容,进行下一步操作
异步:
浏览器访问服务器请求,用户正常操作,浏览器后端进行请求。等请求完,页面不刷新,新内容也会出现,用户看到新内容
3、AJAX 的优点和缺点
AJAX 的优点
- 无刷新更新数据(在不刷新整个页面的情况下维持与服务器通信)
- 异步与服务器通信(使用异步的方式与服务器通信,不打断用户的操作)
- 前端和后端负载均衡(将一些后端的工作交给前端,减少服务器与宽度的负担)
- 界面和应用相分离(ajax将界面和应用分离也就是数据与呈现相分离)
AJAX 的缺点
- 破坏了 Back 与 History 后退按钮的正常行为
- 安全问题 AJAX 暴露了与服务器交互的细节
- 对搜索引擎的支持比较弱
4、同源策略
同源策略指的是:协议,域名,端口相同。
同源策略是一种安全协议
,指一段脚本只能读取来自同一来源的窗口和文档的属性。
5、axios 库的特点
-
基于xhr/http包 + promise
的异步ajax请求库 -
浏览器端/node端
都可以使用 -
支持
请求/响应拦截器
-
支持
请求取消
-
请求/响应
数据转换
-
批量发送多个请求
参考链接:http://www.atguigu.com/mst/html/gp/17410.html