AJAX是什么?
Asynchronous JavaScript + XML(异步JavaScript和XML), 其本身不是一种新技术,而是一个在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的 XMLHttpRequest。当使用结合了这些技术的AJAX模型以后, 网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面。这使得程序能够更快地回应用户的操作。
尽管X在Ajax中代表XML, 但由于JSON的许多优势,比如更加轻量以及作为Javascript的一部分,目前JSON的使用比XML更加普遍。JSON和XML都被用于在Ajax模型中打包信息
基本用法
//创建request对象
const request = new XMLHttpRequest()
//设置请求类型和请求网址url
request.open("GET", url)
//监听请求是否成功
request.onreadystatechange = () => {
if (request.readState === 4 && request.status === 200) {
console.log(request.response)
}
}
//发起请求
request.send()
封装ajax
function Ajax(method, url, fn) {
const request = new XMLHttpRequest()
request.open(method, url)
request.onreadystatechange = () {
if (request.readyState === 4 && request.status === 200) {
fn(request.response)
}
}
request.send()