自定义封装ajax请求

封装之前让我们先了解一下ajax请求的步骤

1.ajax的步骤

1).创建实例化对象  

let xhr = new XMLHttpRequest()

2)初始化 配置请求方式和地址

xhr.open('请求方式', '请求地址',是否异步)

 请求方式：

 get  查询字符串的方式传递参数  拼接在请求地址后面    获取数据

 post  传递参数的时候 有多种形式  放在请求体里    提交数据

 put   注册  

 delete  删除

upload：上传文件

请求地址：

你服务器的地址

是否异步：

默认为true，false为同步

 3).send   发送请求

xhr.send()

 4).监听状态

  xhr.onreadystatechange = () => {

            console.log('请求状态', xhr.readyState)

       }

 ajax五种状态的作用

      xhrObj.readyState - 返回当前请求的状态

      xhr.readyState = 0时-未初始化,对象已建立,尚未调用open()

      xhr.readyState = 1时-初始化,对象建立未调用send()

      xhr.readyState = 2时-发送数据,send()方法调用,但是当前的状态及http头未知,请求未完成

      xhr.readyState = 3时-数据传输中,接受部分数据

      xhr.readyState = 4时-响应内容解析完成