使用JavaScript导入本地JSON

我想让我的初始化代码导入一个JSON文件，我不知道我是否没有正确查找我的问题，但我找不到解决方案。理想情况下，它将完全离线运行。现在我没有任何额外的JavaScript库，所以保持它的普通性会更好

完整上下文：我正在尝试制作一个在JavaScript上运行的游戏（使用HTML显示所有内容），只使用本地文件，这样它就可以脱机运行。JSON文件将用于导入数据，如地图、字符、设备、技能，可能还有纯文本，以简化翻译。出于后一个目的，我希望使用JavaScript导入JSON文件，以便根据选择的语言导入正确的文件

我对JavaScript相当陌生。

您有两个选择：

在javascript代码本身中包含JSON

通过AJAX调用请求文件

根据Github上的这一点，您可以像导入.js文件一样导入json文件。 JSON需要是一个对象，如下例所示

这是我刚才尝试的示例代码： HTML/JS：

    <script type="text/javascript" src="file.json"></script>
    <script>
        console.log(data);
    </script>

---

AJAX调用看起来会阻止我的项目完全脱机。你能在我的代码中包含JSON吗？假设你运行的是本地HTTP服务器，你也可以让AJAX离线。只需调用localhost。如果您甚至没有运行本地服务器。我建议使用选项1。第一个选项，您的意思是简单地将JSON作为JavaScript对象编写吗？如果是这样的话，我还可以导入一个简单的JS文件，它的唯一目的是根据我想要应用的（人类）语言声明对象。是的，如果这对您有效，您可以简单地这样做。（顺便说一句，如果有帮助的话，你可以接受我的答案）那就是将.json文件作为.js文件读取。我还是个新手，但我知道JSON通常以{开头。如果尝试以“data={”开头文件内容，即使是Visual Studio代码也会返回问题。我尝试将代码更改为：{“data”：{“id”：5，“name”：“Marconymous”，“origin”：“Switzerland”}VSC没有看到错误，但现在在Chrome中，我得到了一个错误，因此无法工作。我得到了同样的结果。我认为这是因为HTML脚本标记读取JavaScript中的文件。因此，第二种语法对于JSON是正确的，但对于脚本元素则不正确。很可能是的。JSON是JavaScript对象的子集。因此，您可以在任何您正在使用的JavaScript文件（请参阅答案）。但是，如果您将代码放在本地Web服务器上，然后通过

http://localhost

。然后，您可以访问正在提供服务的所有文件，例如通过XHR。

      data = {
             "id": 5,
             "name": "Marconymous",
             "origin": "Switzerland"
          }