一句话原理
浏览器利用XMLHttpRequest对象向服务器获取资源
请求步骤
1.创建XMLHttpRequest请求对象实例
2.注册成功回调函数
3.设置请求参数，建立服务器连接
4.向服务器发送请求
代码
var xhr = new XMLHttpRequest()
xhr.onreadystatechange = function(){
if(this.readyState==4){
console.log(xhr.responseText)
}
}
xhr.open('get','url',true);
xhr.send();
// post请求需要设置http请求头，并通过send传输参数
readyState的五种状态
0 － （未初始化）还没有调用send()方法
1 － （载入）已调用send()方法，正在发送请求
2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
3 － （交互）正在解析响应内容
4 － （完成）响应内容解析完成，可以在客户端调用了
好处
-
提升速度：减轻服务器的负担,按需加载数据,最大程度的减少请求次数
-
改善的用户体验：局部刷新页面,减少用户等待时间,带来更好的用户体验
-
页面和数据分离：前后端分离，各端操作更灵活，后期维护更方便
