可以使用两种方法获取 JSON 文件：使用 fetch() 方法：发送请求，解析响应为 JSON 对象。使用 XMLHttpRequest 对象：创建请求、配置参数、处理请求完成事件并解析响应为 JSON 对象。
如何使用 JavaScript 获取 JSON 文件
获取 JSON（JavaScript Object Notation）文件是 JavaScript 中常见的一个任务。有多种方法可以实现，本文将详细介绍两种最常用的方法：
使用 fetch() 方法
fetch() 方法是一种内置的 JavaScript API，用于从服务器请求数据：
<code class="javascript">fetch('path/to/file.json').then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error(`Error ${response.status}`);
}
}).then(data => {
console.log(data);
}).catch(error => {
console.error(error);
});</code>在上述代码中：
-
fetch()方法向服务器发出请求，返回一个 Promise。 -
response.ok检查响应状态码，以确保请求成功。 -
response.json()将响应数据解析为 JSON 对象。 -
then()处理解析后的 JSON 数据。 -
catch()处理任何错误。
使用 XMLHttpRequest 对象
XMLHttpRequest (XHR) 是一个旧的 API，但仍然可以用于获取 JSON 文件：
<code class="javascript">const xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/file.json', true);
xhr.onload = function() {
if (xhr.status === 200) {
let data = JSON.parse(xhr.responseText);
console.log(data);
} else {
console.error(`Error ${xhr.status}`);
}
};
xhr.send();</code>在上述代码中：
-
XMLHttpRequest对象用于创建请求。 -
open()方法配置请求参数。 -
onload事件处理程序在请求完成后执行。 -
xhr.responseText获取响应数据，然后通过JSON.parse()解析为 JSON 对象。
