fetch 异步通信的未来，更简洁异步请求 API , XMLHttpRequest 即将淘汰

fetch 异步通信的未来，更简洁异步请求 API , XMLHttpRequest 即将淘汰

var xhr = new XMLHttpRequest()
xhr.onreadystatechange = function () {
  if (this.readyState === 4) {
    if (this.status === 200) {
      // 成功 this.responseText
    } else {
      // 失败 this.responseText
    }
  }
}
xhr.open('GET', '/api/user/list', true)
xhr.onerror = function () {
  // 发生错误
}
xhr.send()

// 一个简单的 GET 请求

fetch('/api/user/list').then(response => {
  // response.ok 判断请求是否成功
  response.json().then(data => {
    // 数据
  })
})

// 设置参数、请求头等..
const headers = new Headers()
headers.set('Content-Type', 'text/plain')
fetch('/api/user/list', {method: 'GET', headers: headers}).then(response => {
  // response.ok 判断请求是否成功
  response.json().then(data => {
    // 数据
  })
})