ajax及ajax封装(一)

面试时发现有很多关于Ajax的知识有些忘记了，现在复习下Ajax
AJAX

• ajax 全名 async javascript and XML
• 是前后台交互的能力
• 也就是我们客户端给服务端发送消息的工具，以及接受响应的工具
• 是一个 默认异步 执行机制的功能

AJAX 的优势

• 无刷新更新数据。
• 异步与服务器通信。
• 前端和后端负载平衡，减轻服务端和带宽的负担
• 不需要插件的支持，原生 js 就可以使用

AJAX的缺点

• AJAX干掉了Back和History功能，即对浏览器机制的破坏。在ajax应用程序中，用户无法实现浏览器后退功能
• 对搜索引擎支持较弱。对搜索引擎的支持比较弱。如果使用不当，AJAX会增大网络数据的流量，从而降低整个系统的性能。
• AJAX的安全问题。
• Ajax也难以避免一些已知的安全弱点，诸如跨站点脚步攻击、SQL注入攻击和基于Credentials的安全漏洞等等。

AJAX 的使用

• 在 js 中有内置的构造函数来创建 ajax 对象
• 创建 ajax 对象以后，我们就使用 ajax 对象的方法去发送请求和接受响应

创建一个 ajax 对象

// IE9及以上
const xhr = new XMLHttpRequest()
​
// IE9以下
const xhr = new ActiveXObject('Mricosoft.XMLHTTP')

Ajax的实现步骤

1.创建Ajax对象
const xhr = new XMLHttpRequest()
​
2.告诉Ajax请求地址以及请求方式
// 第一个参数是本次请求的请求方式 get / post / ...
// 第二个参数是本次请求的 url 
// 第三个参数是本次请求是否异步，默认 true 表示异步，false 表示同步
// xhr.open('请求方式', '请求地址', 是否异步)
xhr.open(