可以使用两种方法获取 JSON 文件：使用 fetch() 方法：发送请求，解析响应为 JSON 对象。使用 XMLHttpRequest 对象：创建请求、配置参数、处理请求完成事件并解析响应为 JSON 对象。
如何使用 JavaScript 获取 JSON 文件
获取 JSON（JavaScript Object Notation）文件是 JavaScript 中常见的一个任务。有多种方法可以实现，本文将详细介绍两种最常用的方法：
使用 fetch() 方法
fetch() 方法是一种内置的 JavaScript API，用于从服务器请求数据：
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);
});在上述代码中：
极品模板多语言企业网站管理系统1.2.2
下载
【极品模板】出品的一款功能强大、安全性高、调用简单、扩展灵活的响应式多语言企业网站管理系统。 产品主要功能如下： 01、支持多语言扩展（独立内容表，可一键复制中文版数据） 02、支持一键修改后台路径； 03、杜绝常见弱口令，内置多种参数过滤、有效防范常见XSS； 04、支持文件分片上传功能，实现大文件轻松上传； 05、支持一键获取微信公众号文章（保存文章的图片到本地服务器）； 06、支持一键
-
fetch()方法向服务器发出请求，返回一个 Promise。 -
response.ok检查响应状态码，以确保请求成功。 -
response.json()将响应数据解析为 JSON 对象。 -
then()处理解析后的 JSON 数据。 -
catch()处理任何错误。
使用 XMLHttpRequest 对象
XMLHttpRequest (XHR) 是一个旧的 API，但仍然可以用于获取 JSON 文件：
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();在上述代码中：
-
XMLHttpRequest对象用于创建请求。 -
open()方法配置请求参数。 -
onload事件处理程序在请求完成后执行。 -
xhr.responseText获取响应数据，然后通过JSON.parse()解析为 JSON 对象。
