如何在 JavaScript 中读取外部 JSON 文件？

在 JavaScript 中读取外部 JSON 文件

本文提供了有关如何在 JavaScript 中读取外部本地 JSON 文件的全面指南。提供的代码示例包含 JSON 文件和 JavaScript 代码，以帮助您有效地理解该过程。

代码实现：

1.创建 JSON 文件：

将以下数据保存到名为 test.json 的文件中：

{
  "resource": "A",
  "literals": ["B", "C", "D"]
}

2. JavaScript 代码：

// Get the path to the JSON file
const filePath = "/Users/Documents/workspace/test.json";

// Fetch the JSON file and store it in a variable
fetch(filePath)
  .then(response => response.json())
  .then(data => {
    // Print the resource
    console.log(data.resource);

    // Iterate and print the literals
    for (let literal of data.literals) {
      console.log(literal);
    }
  });

3.执行代码：

假设 JSON 文件和 JavaScript 文件位于同一文件夹中，打开终端窗口并导航到该文件夹​​。然后，执行以下命令：

node your_javascript_file.js

这应该输出：

A
B
C
D

以上是如何在 JavaScript 中读取外部 JSON 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！