ajax访问本地json

AJAX（Asynchronous JavaScript and XML）是通过 JavaScript 浏览器对象 XMLHttpRequest 与服务器进行数据交换的一种技术，在实际中常用于构建 Web 应用程序。使用 AJAX 可以使页面在不刷新的情况下，与服务器进行异步通信，更新部分页面内容，从而提高用户体验。

在 AJAX 中，我们通常会通过访问服务器端的 API 接口获取数据，再将数据展现给用户。但是有时候，我们也会希望从本地的 JSON 文件中获取数据。下面是通过 AJAX 从本地 JSON 文件中获取数据的示例代码。

var xhr = new XMLHttpRequest();
xhr.open('GET','/data.json',true);
xhr.onload = function() {
    if (xhr.status === 200) {
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    }
};
xhr.send();

以上代码中，我们首先创建了一个 XMLHttpRequest 对象 xhr，并通过 open 方法指定了我们要请求的本地 JSON 文件的路径。这里的路径可以是相对路径（相对于当前 HTML 文件所在的路径），也可以是绝对路径。

接着我们给 xhr 对象绑定了 onload 事件。当请求成功返回时，会触发该事件，并读取服务器返回的数据。

我们通过调用 JSON.parse 方法将返回的 JSON 字符串转换成 JavaScript 对象，并将其存放在变量 data 中。最后，我们可以通过 console.log 方法在浏览器控制台中输出该对象的值，以验证是否成功获取数据。