ajax 访问本地json文件

AJAX（Asynchronous JavaScript and XML）是JavaScript的一种编程技术，允许在不刷新整个网页的情况下更新部分网页内容。一个典型的例子是使用AJAX读取本地JSON文件并将其显示在网页上。

要使用AJAX来访问本地JSON文件，需要创建一个XMLHttpRequest对象。XMLHttpRequest对象是AJAX的核心，它使得JavaScript能够发送HTTP请求和接收服务器的响应。下面是一个简单的例子：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // JSON数据已经成功加载并且状态为200
    var data = JSON.parse(this.responseText);
    // 处理JSON数据，将它显示在网页上
  }
};
xhttp.open("GET","data.json",true);
xhttp.send();

在这个例子中，首先创建了一个XMLHttpRequest对象，并设置了一个回调函数，该函数将在XMLHttpRequest对象的状态发生变化时被调用。然后打开一个到本地JSON文件的连接（使用HTTP GET请求），并发送请求。最后，当从服务器收到响应时，使用JSON.parse()方法解析响应并将其存储在一个变量中以供后续处理。

以上是使用AJAX读取本地JSON文件的基本过程。需要注意的是，在访问本地文件时，需要启动一个本地Web服务器，例如Node.js的http-server，这样才能通过AJAX访问本地文件。