首页 > web前端 > js教程 > 如何在 JavaScript 中读取外部 JSON 文件?

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

Barbara Streisand
发布: 2024-12-08 04:55:13
原创
603 人浏览过

How Can I Read External JSON Files in JavaScript?

在 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板