0x-Jerry

AJAX 基础


一种在无需重新加载整个网页的情况下,能够更新部分网页的技术

AJAX 的核心部分

AJAX 的核心逻辑代码真心少的可怜~,总结一下,一共就三部分。

  1. 创建 XMLHttpRequest 对象
  2. 创建 XMLHttpRequestreadyState 发生变化时的回调函数
  3. 使用 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 实例

© 2022-2023 @ 0x-Jerry. Built on top of deno and fresh.