对 Ajax 技术的理解

Ajax（Asynchronous JavaScript and XML）是一种基于 JavaScript 的 异步网络通信技术，通过在后台与服务器交换数据，实现页面无刷新更新，核心价值在于 提升用户体验、优化性能 和 推动前后端分离，成为现代 Web 应用的基石。

---

一、技术原理与核心机制

1. 异步通信流程

• 基本流程：
  1. 客户端通过 JavaScript 发起请求；
  2. 服务器处理请求并返回数据；
  3. 客户端接收数据并局部更新页面。
• 无刷新特性：避免整个页面重新加载，减少资源浪费。

2. 核心对象与 API

• XMLHttpRequest（XHR）：传统 Ajax 实现的核心对象。

  const xhr = new XMLHttpRequest();
  xhr.open('GET', '/api/data', true); // 异步请求
  xhr.onreadystatechange = function() {
       
    if (xhr.readyState === 4 && xhr.status === 200) {
       
      console.log(JSON.parse(xhr.responseText));
    }
  };
  xhr.send();
  

• Fetch API：现代浏览器原生支持的替代方案，基于 Promise。