本地访问json文件-读取本地json文件：代码示例

要在网页中读取本地的json文件，我们可以使用JavaScript的XMLHttpRequest对象来实现。XMLHttpRequest对象是用于在后台与服务器进行数据交换的对象，它可以发送HTTP请求并接收服务器的响应。

我们可以通过创建一个XMLHttpRequest对象，然后使用它的open()方法来指定请求的方法和URL。接着，我们可以使用send()方法发送请求。当请求成功返回时，我们可以使用responseText属性来获取服务器返回的数据。

下面是一个示例代码，展示了如何读取本地的json文件并将数据显示在网页上：

var xhr = new XMLHttpRequest();  // 创建XMLHttpRequest对象
xhr.open("GET", "data.json", true);  // 指定请求的方法和URL
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {  // 请求成功返回
    var data = JSON.parse(xhr.responseText);  // 将服务器返回的json数据解析为JavaScript对象
    // 在网页上显示数据
    var output = document.getElementById("output");
    output.innerHTML = "Name: " + data.name + "<br>Age: " + data.age;
  }
};
xhr.send();  // 发送请求

在这个示例中，我们首先创建了一个XMLHttpRequest对象，并使用open()方法指定了GET请求和要读取的json文件的URL。然后，我们使用onreadystatechange事件来监听请求的状态变化。当请求的readyState属性为4（表示请求已完成）且status属性为200（表示请求成功）时，我们可以通过responseText属性获取服务器返回的json数据。接着，我们使用JSON.parse()方法将json数据解析为JavaScript对象，然后将数据显示在网页上。

需要注意的是，由于浏览器的安全机制，直接在本地访问json文件可能会遇到跨域问题。为了避免这个问题，我们可以将json文件放在与网页同一域名下，或者使用服务器来提供json文件。