Ajax的原理

一句话原理

浏览器利用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传输参数

好处

• 提升速度：减轻服务器的负担,按需加载数据,最大程度的减少请求次数

• 改善的用户体验：局部刷新页面,减少用户等待时间,带来更好的用户体验

• 页面和数据分离：前后端分离，各端操作更灵活，后期维护更方便