js 读取json文件

可以使用JavaScript中的XMLHttpRequest对象或Fetch API来读取JSON文件。

使用XMLHttpRequest对象：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'example.json', true);
xhr.responseType = 'json';
xhr.onload = function() {
  if(xhr.status === 200) {
    console.log(xhr.response);
  }
};
xhr.send();

使用Fetch API：

fetch('example.json')
  .then(response => response.json())
  .then(data => console.log(data));

其中，`example.json`是你要读取的JSON文件的路径。

相关问题

js读取json文件

JavaScript可以通过多种方法读取JSON文件。一种常用的方法是使用Fetch API。通过使用Fetch API，我们可以发送HTTP请求并接收响应。以下是一个使用Fetch API读取JSON文件的示例代码：

fetch('./data.json')
  .then((response) => response.json())
  .then((json) => console.log(json));

另一种方法是使用Import语句。通过使用Import语句，我们可以在JavaScript文件中直接导入JSON文件。以下是一个使用Import语句读取JSON文件的示例代码：

import data from './data.json';
console.log(data);

如果你正在使用jQuery，你可以使用getJSON方法来读取JSON文件。以下是一个使用jQuery读取JSON文件的示例代码：

$.getJSON("data.json", function(data) {
  console.log(data);
});

以上是几种常用的方法，在JavaScript中读取JSON文件。你可以根据你的项目需求选择适合你的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Javascript——读取json文件方法总结](https://blog.csdn.net/helloyangkl/article/details/126644237)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [新手如何使用JavaScript读取json文件](https://blog.csdn.net/aLoudVoice_/article/details/105192188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

javascript 读取json文件

在JavaScript中，你可以使用XMLHttpRequest对象或Fetch API来读取JSON文件。下面是使用XMLHttpRequest的示例代码：

var xhr = new XMLHttpRequest();
xhr.overrideMimeType("application/json");
xhr.open("GET", "your_json_file.json", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var json = JSON.parse(xhr.responseText);
    // 在这里处理json数据
  }
};
xhr.send();

在这个示例中，你需要将"your_json_file.json"替换成你要读取的JSON文件路径。当请求成功完成并且状态码为200时，通过JSON.parse函数将返回的JSON字符串转换为JavaScript对象。你可以在回调函数中处理这个对象。

除了使用XMLHttpRequest，你还可以使用Fetch API来读取JSON文件。下面是使用Fetch API的示例代码：

fetch("your_json_file.json")
  .then(function (response) {
    return response.json();
  })
  .then(function (json) {
    // 在这里处理json数据
  })
  .catch(function (error) {
    console.log(error);
  });

在这个示例中，fetch函数发送GET请求到指定的JSON文件路径。然后，使用response.json()方法将响应转换为一个Promise对象，该对象解析为JSON格式的数据。你可以在第二个.then回调函数中处理这个数据。如果请求发生错误，可以通过.catch捕获并处理错误。