今天学习了JavaScript 中的一个重要的知识点 原生AJAX ，笔记如下：
什么是AJAX
AJAX 的英文全称为 Asynchronous JavaScript And XML，Asynchronous 是异步的意思。何为异步呢？在这里异步是指通过 AJAX 向服务器请求数据，在不刷新整个页面的情况下，更新页面上的部分内容。
其工作原理图如下所示：
用户在浏览器执行一些操作，通过 AJAX 引擎发送 HTTP 请求到服务器请求数据，请求成功后，由服务器把请求的数据拿给 AJAX 引擎，再由 AJAX 拿给浏览器。
ajax能做什么
1.不刷新页面而更新网页(局部刷新)
2.在页面加载后从服务器请求数据
3.在页面加载后从服务器接收数据
4.在后台向服务器发送数据
优点
提高了性能和速度、交互性能好、异步调用、节省带宽等
缺点
增加了设计和开发时间、比构建经典Web应用程序更复杂、禁用JavaScript的浏览器无法使用该应用程序等
怎么使用
1. 创建 XMLHttpRequest 对象
在 AJAX 中，XMLHttpRequest 对象是用来与服务器进行数据交换的。其创建如下所示：
var httpRequest = new XMLHttpRequest();
为了保证浏览器的兼容性，可以用以下方式来创建。
if (window.XMLHttpRequest) {
// Mozilla，Safari，IE7+ 等浏览器适用
httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) {
// IE 6 或者更老的浏览器适用
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
2.向服务器发送请求
要向服务器发送请求，我们需要调用该对象中的 open 和 send 方法。
httpRequest.open("method", "url", async); // 将请求发送到服务器 httpRequest.send();
open 方法中的参数说明如下：
method是请求的类型，常见的有GET和POST。url是请求的地址。async是设置同步或者异步请求，其值为布尔类型，当为 true 时，使用异步请求；当为 false 时，使用同步请求，默认为 true。
3.服务器响应状态
我们使用 HTTP 请求数据后，请求是否成功，会反馈给我们相应的请求状态。我们使用 onreadystatechange 去检查响应的状态，当 httpRequest.readyState 为 4 并且 httpRequest.status 等于 200 时，说明数据请求成功，其使用如下：
httpRequest.onreadystatechange = function () {
if (httpRequest.readyState == 4 && httpRequest.status == 200) {
// 请求成功执行的代码
} else {
// 请求失败执行的代码
}
};
