手写实现 AJAX

1. 简单流程

// 实例化

let xhr = new XMLHttpRequest()

// 初始化

xhr.open(method, url, async)

// 发送请求

xhr.send(data)

// 设置状态变化回调处理请求结果

xhr.onreadystatechange = () => {

  if (xhr.readyStatus === 4 &&xhr.status === 200) {

    console.log(xhr.responseText)

  }

}

2. 基于promise实现

function ajax (options) {

  // 请求地址

  const url = options.url

  // 请求方法

  const method = options.method.toLocaleLowerCase() || 'get'

  // 默认为异步true

  const async = options.async

  // 请求参数

  const data = options.data

  // 实例化

  const xhr = new XMLHttpRequest()

  // 请求超时

  if (options.timeout&&options.timeout> 0) {

xhr.timeout = options.timeout

  }

  // 返回一个Promise实例

  return new Promise ((resolve, reject) => {

xhr.ontimeout = () => reje