从返回html的本地文件中读取json？

<script>
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 指定要读取的本地文件路径
  xhr.open("GET", "path/to/your/html/file.html", true);

  // 监听XMLHttpRequest对象的onload事件
  xhr.onload = function() {
    // 检查请求的状态码
    if (xhr.status === 200) {
      // 获取返回的html内容
      var htmlContent = xhr.responseText;

      // 创建一个DOM元素，将返回的html内容插入其中
      var tempElement = document.createElement("div");
      tempElement.innerHTML = htmlContent;

      // 通过DOM操作获取json数据
      var jsonData = JSON.parse(tempElement.querySelector("#json-data").innerHTML);

      // 在控制台打印json数据
      console.log(jsonData);
    }
  };

  // 发送请求
  xhr.send();
</script>

<div id="json-data" style="display: none;">
  {
    "key1": "value1",
    "key2": "value2",
    ...
  }
</div>