Ajax 的原生写法

ajax是什么：
通过JavaScript的异步通信，从服务器获取XML文档，从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页

原理： 就是通过ajax来向服务器发送异步请求，从服务器获取数据，然后用JavaScript来操作DOM更新页面。

作用：
与后台交互，局部刷新网页，提高用户浏览网站的体验

ajax的应用场景：
1、页面下拉加载更多数据
2、列表数据无刷新分页
3、表单项离开焦点数据验证
4、搜索框提示文字下拉列表

ajax的原生写法：

// 创建XMLHttpRequest对象
// XMLHttpRequest包含了基本的属性和方法,实现对服务器的通讯
var xhr = new XMLHttpRequest();
// 发出http请求(请求方式、服务器地址、异步请求)
xhr.open('GET', '/api', true);
// 注册事件处理函数,获取响应内容
xhr.onreadystatechange = function() {
   // 判断响应是否完成
   if(xhr.readyState == 4) {
       // 服务器返回的状态码,判断是否请求成功
       if(xhr.status == 200) {
           // 接收服务器返回的响应文本
           alert(xhr.responseText)
       }
   }
}
// 发送请求
xhr.send(null)

ajax状态码：
在创建ajax对象，配置ajax对象，发送请求，以及接收完服务器响应数据，这个过程中的每一个步骤都会对应一个数值，即ajax状态码。

0：请求初始化，未调用open（）
1：请求已建立，但是还发送，未调用send（）
2：请求已发送
3：请求正在处理中，通常响应中已经有部分数据可用
4：响应已完成，可以获取并使用服务器的响应