一、AJAX 主要定义

AJAX 是 Asynchronous JavaScript and XML 的缩写，翻译为 “异步的 JavaScript 和 XML”。

• 本质的观点是，它不是一种新的编程语言。而是一套使用现有技术组合实现的编程方案。
• 说到主要作用。让 JavaScript 在不刷新整个网页的情况下异步地与服务器交换数据，实现网页局部更新。话说回来，
• 说到关键特点。异步局部更新。

从补充来看，虽然名字里有 XML。但现在实际开发中几乎都用JSON来传输数据，AJAX 只是沿用了历史名称。

二、AJAX 工作原理

AJAX 的主要是浏览器提供的 XMLHttpRequest 对象，现代浏览器也提供了更易用的 fetch API。其基本工作流程如下：

1. 创建 AJAX 请求对象；
2. 配置请求参数；
3. 发送请求到服务器；
4. 监听服务器响应状态；
5. 接收服务器返回的数据；
6. 用 JavaScript 更新网页局部内容。

三、AJAX 代码示例

. 传统 XHR 方式

// . 创建XHR对象const xhr = new XMLHttpRequest;// . 配置请求：请求方式、URL、是否异步xhr.open;// . 监听请求状态变化xhr.onreadystatechange = function { // readyState= 表示请求完成； status= 表示响应成功 if { // . 解析服务器返回的JSON数据 const data = JSON.parse;// . 局部更新页面 document.getElementById.innerHTML = `

任务${data.title}

. 现代 fetch 方式

fetch 是 AJAX 的现代替代方案，基于 Promise。语法更优雅：

// . 发送GET请求fetch // . 处理响应：先判断是否成功，再解析为JSON .n { throw new Error;} return response.json;}) // . 使用数据更新页面 .n.innerHTML =

任务${data.title}

四、AJAX 的典型使用场景

• 表单提交；不过，
• 数据分页加载；话说回来，
• 搜索框联想；
• 局部数据刷新。

五、关键注意点

1. 异步特性 AJAX 请求是异步的。不能在请求发送后立即获取结果，必须在回调函数 或 Promise 的n 里处理返回数据。

1. AJAX 是一套实现 “网页异步请求数据、局部更新 ” 的技术方法。主要是XMLHttpRequest 对象 已逐步替代传统 XHR，是 AJAX 的主流实现方式。