ajax获取json文件数据

什么是 AJAX？

AJAX（Asynchronous JavaScript And XML）是一种客户端与服务器之间进行异步数据交换的技术。通过 AJAX 技术，可以在不刷新页面的情况下，向服务器获取数据并更新页面内容。

AJAX 获取 JSON 文件数据的步骤：

1. 创建 XMLHttpRequest 对象
2. 使用 open() 方法设置请求的方法、URL、异步标志
3. 使用 send() 方法发送请求
4. 使用 onreadystatechange 事件监听 readyState 的改变
5. 在 readyState 为 4，status 为 200 时，使用 responseText 属性获取服务器响应数据
6. 将 JSON 数据转换为 JavaScript 对象或数组

var xhr = new XMLHttpRequest();
xhr.open('GET','example.json',true);
xhr.send();
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var data = JSON.parse(xhr.responseText);
    // 处理数据
  }
}

以上代码中，我们创建了一个 XMLHttpRequest 对象，通过 open() 方法设置请求的方法、URL、异步标志，然后发送请求。当 readyState 发生改变时，我们通过 onreadystatechange 事件监听，当 readyState 为 4，状态码为 200 时，说明获取数据成功，我们使用 responseText 属性获取服务器响应数据，并将 JSON 数据转换为 JavaScript 对象或数组，最后进行数据处理。

AJAX 获取 JSON 数据的方式相比于传统的获取方式更加高效，能够提高用户体验。同时，由于 JSON 数据格式简单明了，且易于跨平台交换，因此被广泛应用于现代 Web 开发。