学会自己封装简单AJAX

什么是AJAX

AJAX不是JavaScript的规范，他只是一种技术方案，也并不是新技术，他依赖于HTML/CSS/JS，全称是异步JavaScript和XML，核心是浏览器提供的XMLHttpRequest。

如何实现？

1.首先你需要定义一个函数

window.ajax = function(){
  // 代码
}

2.想想AJAX需要什么参数url,method,body,header,success,fail

• url 请求的地址，可以是绝对路径也可以是相对路径
• method 请求的方式，如GET/POST，不区分大小写
• header 请求体的第四部分
• success 请求成功执行的代码
• fail 请求失败执行的代码

jquery.ajax = function({url,method,body,header,success,fail}) {
  let request = new XMLHttpRequest
  request.open(method, url)
  for(let key in header) {
    let value = header[key]
    request.setRequestHeader(key, value)
  }
  request.onreadystatechange = function() {
    if(request.readyState === 4) {
      if(request.status >= 200 && request.status < 300 || request.status === 302) {
        success.call(undefined, request.responseText)
      } else {
        fail.call(undefined, request)
      }
    }
  }
  request.send(body)
}

这样一个简单的AJAX就封装好了