将json从本地路径加载到所有浏览器都支持的html的方法？

<script>
  // 在这里编写处理JSON数据的JavaScript代码
</script>

<script>
  // 使用XMLHttpRequest对象加载JSON数据
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'path/to/your/json.json', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var jsonData = JSON.parse(xhr.responseText);
      // 在这里处理JSON数据
    }
  };
  xhr.send();

  // 或者使用fetch函数加载JSON数据
  fetch('path/to/your/json.json')
    .then(function(response) {
      return response.json();
    })
    .then(function(jsonData) {
      // 在这里处理JSON数据
    })
    .catch(function(error) {
      console.log('Error:', error);
    });
</script>

<script>
  // 假设有一个id为"json-container"的元素用于显示JSON数据
  var jsonContainer = document.getElementById('json-container');
  jsonContainer.innerHTML = JSON.stringify(jsonData);
</script>