AJAX简单认识

1.1 概念：

异步 JavaScript 和 xml 。是一种创建交互式网页应用的开发技术，是多个技术的组合。

1.2 特点：

不用刷新当前网页，就可以完成数据的更新（局部更新网页）。

1.3 可以做什么？

注册用户名验证；

登陆失败不跳转页面；

省市区的联动

图片的延时加载

1.4 异步 与 同步：

>> JS 的执行环境-单线程：只有一个线程，也就是一次只能做一件事。如果有多个任务，就必须排队，前面的任务完成后，再执行下一个任务。

>> 为了解决这个问题：JS 将任务分为： 同步 与 异步。

>> 同步任务：程序的执行顺序与代码 顺序有关。

>> 异步任务：每一个任务有一个或者多个回调函数，前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务也不会等待前一个任务结束再执行，所以程序的执行顺序与任务排列顺序无关，哪一个任务先执行完毕是无法确认的。

>> 异步操作包含哪些：

计时器

事件监听

读写文件

AJAX

1.5 AJAX 原理（步骤）：

第一步： 获取 HTTP 对象

const http;

if(window.XMLHttpRequest) { // chrome

http = new XMLHttpRequest();

} else if(window.ActiveXObject) { // IE

http = new ActiveXObject("Microsoft.XMLHTTP");

} else {

console.log("当前浏览器不支持");

}

第二步：监听状态的改变

http.onreadystatechange = function() {

if(http.readyState == 4 && http.status == 200) {

// 请求成功

} else {

console.log("请求失败");

}

}

第三步：请求类型

http.open(请求类型, 请求地址, 同步或者异步)

第四步：发送请求

http.send(data);