如何简单学会ajax,学会自己封装简单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就封装好了