AJAX 总结

109 阅读1分钟

发送AJAX请求共五步:

1、创建XMLHttpRequest独享。

2、使用open 方法设置请求的参数。

3、发送请求。

4、注册事件,注册onreadystatechange事件,状态改变时调用。

5、获取返回的数据,更新UI。

  const ajax = (method, url, data, success, fail)=> {
  const request = new XMLHttpRequest()
  request.open(method, url)
  request.onreadystatechange = function() {
    if(request.readyState === 4){
      if(request.status  && request.status >= 200 && request.status < 300){
        success(request)
      }else {
        fail(request)
      }
    }
  }
  request.send()
}

4.3 onreadystatechange

注册 onreadystatechange 事件后,每当 readyState 属性改变时,就会调用 onreadystatechange 函数。

readyState:(存有 XMLHttpRequest 的状态。从 0 到 4 发生变化)

  • 0: 请求未初始化
  • 1: 服务器连接已建立
  • 2: 请求已接收
  • 3: 请求处理中
  • 4: 请求已完成,且响应已就绪