从 Javascript 页面保存 JSON 数据

【问题标题】：Saving JSON data from a Javascript page从 Javascript 页面保存 JSON 数据
【发布时间】：2021-01-04 14:01:13
【问题描述】：

我正在尝试制作一个 JavaScript/HTML 本地网页，该网页刚刚从我本地计算机的文件中打开。我想让它以 JSON 格式保存数据。但是我一直在寻找如何让本地 JavaScript 程序读取和写入同一目录中的文件时遇到问题。

【问题讨论】：

【解决方案1】：

如果您在浏览器中使用 Javascript，则无法将文件写入本地计算机。但是您可以使用 Blob 将 JSON 文件下载到本地机器

您可以使用此代码：

const data = { 
    key: "value"
};
const fileName = "data.json";

const saveFile = (() => {
    const a = document.createElement("a");
  document.body.appenChild(a);
  return (data, filename) => {
    const json = JSON.stringify(a);
    const blob = new Blob([json], { type: "application/json" });
    const url = window.URK.createObjectURL(blob);
    
    a.href = url;
    a.download = filename;
    a.click();
    window.URL.revokeObjectURL(url);
  }
})

saveData(data, fileName);

【讨论】：