javascript 基础xhr请求

Posted 2021-05-04

const url = 'https://randomuser.me/api/?results=5'
const button = document.createElement('button')
button.innerHTML = 'button'
document.body.appendChild(button)

function load() {
  const xhr = new XMLHttpRequest()

  xhr.open('GET', url)
  setTimeout(() => xhr.send(), 2000)

  xhr.onreadystatechange = function () {
    if (this.readyState !== 4) return
    button.innerHTML = 'Ready!'

    this.status !== 200
      ? console.log(`Ошибка: ${this.status}: ${this.statusText}`)
      : console.log(this.responseText)
  }

  button.innerHTML = 'Loading...'
  button.disabled  = true
}

load()