html如何获取本地的Json文件里面的数据

在 HTML 中，可以通过使用 JavaScript 来获取本地的 JSON 文件里面的数据。

1. 首先，在 HTML 文件中添加一个按钮或者其他触发事件的元素，例如：

<button onclick="loadJson()">Load JSON</button>

2. 接着，在 JavaScript 中定义一个函数，用于获取 JSON 文件里面的数据，例如：

function loadJson() {
  // 创建一个 XMLHttpRequest 对象
  var xhr = new XMLHttpRequest();

  // 设置请求的参数
  xhr.open("GET", "data.json", true);

  // 发送请求
  xhr.send();

  // 监听请求状态的改变
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 获取响应数据并解析为 JSON 格式
      var data = JSON.parse(xhr.responseText);

      // 在控制台输出数据
      console.log(data);
    }
  };
}

上述代码中，通过创建一个 XMLHttpRequest 对象，设置请求的参数，发送请求，并监听请求状态的改变。当请求状态为 4（即请求已完成）且状态码为 200（即请求成功）时，就可以获取响应数据并解析为 JSON 格式。最后，可以在控制台输出数据。

注意：需要确保 JSON 文件与 HTML 文件在同一个目录下，并且文件名和路径正确。