将 JSON 文件中的数据导入 JavaScript答案

【问题标题】：Importing Data fom JSON-File into JavaScript将 JSON 文件中的数据导入 JavaScript
【发布时间】：2020-07-10 17:35:38
【问题描述】：

HTML 文件中的“console-log(states)”行返回“未定义”。有谁知道为什么？我的目标是将 JSON 文件中的数据存储在 JavaScript 变量中。结果应该是一个包含 3 个字典的列表。

两个文件都在同一个目录中。

非常感谢您的帮助！

HTML 文件

<html>
<head>
<script type="text/javascript" src="states_Ex1.json"></script>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>

<script> var states=states_Ex1.json</script>
<script>
console.log(states) // --> undefined
</script>

</body>
</html>

JSON 文件

[
    {
        "gene1": true,
        "gene2": true,
        "nextStateIndex": 1
    },
    {
        "gene1": true,
        "gene2": false,
        "nextStateIndex": 2
    },
    {
        "gene1": true,
        "gene2": true,
        "nextStateIndex": 1
    }
]

【问题讨论】：

标签： javascript json import

【解决方案1】：

新答案

我找到了一系列答案 here 用于访问本地 JSON 文件。

我尝试了@seppoo0010 的方法，它对我有用。试一试：

$.getJSON("your-path-to-file.json", function(states) {
    console.log(states); // this will show the info it in firebug console
});

~~您需要解析 JSON。试试这个：~~ ~~... var states = JSON.parse(states_Ex1.json) ...~~

【讨论】：

查看修改后的答案。
太棒了！很高兴我能帮上忙！