什么是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就封装好了