ajax(XMLHttpRequest)基本使用

XMLHttpRequest的基本使用：

1. 创建XMLHttpRequest实例对象

const xhr = new XMLHttpRequest();

2. 初始化(请求方式,请求地址,是否异步(默认异步))

xhr.open(method,url,isAsync);
// 若method是post请求需要设置请求头
// xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

3. 发送请求(send中就是发送给后台的数据)

 xhr.send();

4. 处理响应结果

xhr.onreadystatechange = function() { // readystate 每次变化 都会调用该函数
  /** 
   *  readyState的值：0-4
   *  0: 请求未初始化(未调用open)
      1: 服务器连接已建立(还没调用send)
      2: 请求已接收
      3: 请求处理中
      4: 请求已完成，且响应已就绪
   */
  if(xhr.readyState === 4) {
    if(xhr.status >= 200 && xhr.status < 300) {
      console.log(xhr.responseText);
    }
  }
}