一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
AJAX 的核心部分
AJAX 的核心逻辑代码真心少的可怜~,总结一下,一共就三部分。
- 创建
XMLHttpRequest
对象 - 创建
XMLHttpRequest
在readyState
发生变化时的回调函数 - 使用
XMLHttpRequest
发送请求
js
function loadXMLDoc(url, callback) {
// 创建对象
let xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP")
// 接收到数据之后的处理
xmlhttp.onreadystatechange = function() {
callback(xmlhttp)
}
// 发送请求
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
// 处理函数
function callbackTest(xmlhttp) {
// 请求成功
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// do somthing
}
}
看到这里,其实就完了,真正的逻辑就这么几行代码。AJAX 处理的事情就到这里结束了,具体拿到请求之后的数据怎么处理,那些都不是 AJAX 需要关心的事情
具体实例可参考 AJAX 实例
完