ajax 加载json文件 示例代码

Ajax 是一种前端技术，用于实现在不刷新整个页面的情况下，通过后台服务器获取数据并更新页面内容。其中，加载 JSON 文件是一种常见的应用场景。下面是一个示例代码，演示了如何使用 Ajax 加载 JSON 文件。

我们需要创建一个 XMLHttpRequest 对象，用于发送异步请求。通过调用该对象的 open 方法，我们可以指定请求的方法和 URL。在本例中，我们使用 GET 方法请求一个 JSON 文件。

var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);

接下来，我们需要监听 XMLHttpRequest 对象的 readyState 属性和 status 属性的变化，以确定请求的状态。当 readyState 的值变为 4 且 status 的值为 200 时，表示请求成功。

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，可以处理返回的数据
    var jsonData = JSON.parse(xhr.responseText);
    console.log(jsonData);
  }
};

然后，我们调用 XMLHttpRequest 对象的 send 方法发送请求。

xhr.send();

我们可以在控制台中打印出返回的 JSON 数据，以验证请求是否成功。

上述代码通过创建 XMLHttpRequest 对象、指定请求的方法和 URL、监听请求状态的变化，并在请求成功时处理返回的 JSON 数据。这样就实现了通过 Ajax 加载 JSON 文件的功能。