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