AJAX

本质：在http协议的基础上通过js的XMLHttpRequest对象与服务器进行通信
作用：可以在不刷新页面的情况下，请求服务器，局部更新页面的数据

XMLHttpRequest
浏览器的内建对象，用于在后台与服务器通信（交换数据），由此我们便可以对网页部分更新，而不是刷新整个页面

1.创建一个请求实例
var xhr = new XMLHttpRequest()

2.设置请求报文
请求行
xhr.open('get','./01-ajax.php');
请求头
xhr.setRequestHeader();
注意：post请求方式的请求头必须设置content-type为application/x-www-form-urlencoded
xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
请求主体
xhr.send(null)
xhr.onreadystatechange=function(){
　　if(xhr.readyState==4 && xhr.status==200){
　　　　var r = xhr.responseText()
　　　　拿到后台反馈的数据后继续下一步操作
　　}
}

补充：readyState：记录XMLHttpRequest对象当前的状态
0：请求初始化（还没调用open）
1：请求已建立，但是没发送（还没调用send）
2,：请求已发送，正在处理中
3：请求处理中；通常响应中已有部分数据可用了，但是服务期还没有完成响应的生成
4：响应已完成了以获取并使用服务器的响应了