让小型 HTML 应用程序更新 JSON 文件答案

【问题标题】：Make a small HTML application update a JSON file让小型 HTML 应用程序更新 JSON 文件
【发布时间】：2019-12-14 12:30:12
【问题描述】：

我想让本地 HTML 应用程序读取和更新 JSON 文件并使用其内容来显示 HTML 内容。唉，我被困在第一步，因为我似乎无法设置任何类型的测试文件来简单地通知和读取 JSON 文件。从我在网上看到的情况来看，我需要使用其他库。我尝试使用 require.js，但无法使其正常工作，并且文档对我没有帮助。

我导入了带有标签的 require.js 并尝试从我从文档中获得的内容中启动一些东西，但没有什么可做的。看起来它不愿意接受 .json 文件。

requirejs([
   'example'
], function(example) {
   const config = require('./config.json')
});

我的问题是让程序读取文件。从那里我相信我可以展示它，但是这个 JS 东西对我来说都是陌生的。

【问题讨论】：

本地 HTML 应用程序 您是指网站吗？ ??????
出于安全考虑，在浏览器中运行的JS不能读写任意文件。因此，一个应该读/写 JSON 的本地 HTML 应用程序只能间接地这样做；用户必须使用<input type="file"> 选择文件，然后下载更改后的版本并将其保存在现有文件上。 JS 像常规编程语言一样运行（即在node 环境中）可以做到这一点。要使用节点创建基于 HTML 的应用程序，您需要 electron。
@ChrisG 他可以使用-–allow-file-access-from-files 运行Chrome（或其他浏览器中的等效标志）。由于这仅供个人使用，这将是一个可行的选择。
@Mohrn 没错，最终这将取决于 OP 是否愿意学习“正确”的方式，即运行本地 Web 服务器。

标签： javascript json require

【解决方案1】：

推荐的方法是运行 Web 服务器或使用 Electron 之类的东西并构建桌面应用程序（正如 @chrisG 在 cmets 中指出的那样）。但是，如果您想在没有网络服务器的浏览器中执行此操作，您可以执行以下操作：

使用 --allow-file-access-from-files 运行 Chrome（或者您可以在您选择的浏览器中允许本地文件访问）
Put your JSON in a js file and load it（只需要这样做就不需要标志，但如果要使用绝对路径，则需要它）

【讨论】：