如何使用AJAX技术从JSON文件中加载和处理数据？

AJAX (Asynchronous JavaScript and XML) 技术允许网页在无需刷新整个页面的情况下，通过JavaScript异步地向服务器请求数据并处理返回的数据。以下是使用 AJAX 从 JSON 文件中加载和处理数据的基本步骤：

1. 创建 XMLHttpRequest 对象：这是与服务器通信的核心对象。在现代浏览器中，通常使用 `new XMLHttpRequest()`。

var xhr = new XMLHttpRequest();

2. 定义回调函数：设置 `onreadystatechange` 属性，当请求状态改变时会触发这个函数。在这个函数中，你可以检查响应的状态并处理数据。

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    // 请求成功，解析 JSON 数据
    var data = JSON.parse(xhr.responseText);
    handleData(data);
  }
};

3. 发送请求：使用 `open` 和 `send` 方法指定请求方法（如 GET 或 POST），URL 和是否异步。

xhr.open('GET', 'data.json', true); // 异步请求
xhr.send();

4. 解析 JSON：`responseText` 是包含服务器返回的数据字符串，需要转换为 JSON 格式才能使用。可以使用 `JSON.parse()` 函数进行解析。

5. 处理数据：将解析后的 JSON 数据传递给 `handleData` 函数进行进一步操作，例如更新 UI。

function handleData(data) {
  console.log('Loaded data:', data);
  // ...在这里操作 DOM 或其他应用数据的地方
}