.json文件如何引用

在JavaScript中，可以使用XMLHttpRequest对象来引用JSON文件。具体步骤如下：

1. 创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

2. 设置请求方式和文件路径

xhr.open('GET', 'example.json', true);

3. 设置响应类型为JSON

xhr.responseType = 'json';

4. 发送请求

xhr.send();

5. 监听请求状态变化，并处理响应数据

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var data = xhr.response;
      // 处理数据
    } else {
      // 处理错误
    }
  }
};

在HTML中，可以使用`<script>`标签引用JSON文件。具体步骤如下：

1. 创建一个`<script>`标签

<script></script>

2. 设置`src`属性为JSON文件路径

<script src="example.json"></script>

3. 在`<script>`标签中编写处理JSON数据的代码

<script src="example.json">
  var data = JSON.parse(this.responseText);
  // 处理数据
</script>

需要注意的是，在使用`<script>`标签引用JSON文件时，JSON文件必须符合特定的格式要求，即必须是一个合法的JavaScript对象或数组的字面量。如果JSON文件不符合要求，会导致脚本执行错误。