手写AJAX

原创于 2022-07-25 09:12:12 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #前端

这段代码定义了一个名为constajax的函数，用于发起HTTP请求。它接受method（请求类型如GET、POST）、url（请求地址）、data（发送的数据）、success（成功回调）和fail（失败回调）作为参数。函数创建了XMLHttpRequest对象，设置请求方法和地址，然后在状态改变时检查响应状态，如果请求成功则调用success回调，否则调用fail回调。

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