一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
AJAX 的核心逻辑代码真心少的可怜~,总结一下,一共就三部分。
XMLHttpRequest
对象XMLHttpRequest
在 readyState
发生变化时的回调函数XMLHttpRequest
发送请求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 实例