如何将文本从 html 输入写入 json 文件？答案

【问题标题】：How to write text from html input to json file?如何将文本从 html 输入写入 json 文件？
【发布时间】：2018-12-26 16:52:33
【问题描述】：

我创建了一个包含 4 个文本字段和一个提交按钮的表单。现在我想在单击提交时将该数据存储到一个 json 文件中。并且还能够在我的网页上显示所有的 json 数据。

【问题讨论】：

到目前为止你编码了什么？
您需要使用Node.js。
是的，但如果你能分享一个示例代码会很有帮助。
这太模糊了，无法使用。

标签： javascript html css json ajax

【解决方案1】：

你的问题不是很清楚，但是如果你想下载json数据又想下载，这里有sn-p：

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', filename);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}

var obj = {"name":"Joe", "lastname":"Doe"};

download("test.json", JSON.stringify(obj));

您应该将输入的数据保存在一个对象中，然后使用 download 函数将该 json 下载到文件中。

如果您打算在浏览器中生成 json 文件并下载它，此解决方案很有用。但是，如果您打算将该文件存储在服务器中，那么您应该考虑使用 Http 请求在服务器中发送这些数据，然后使用您的服务器端语言创建并存储 json 文件在服务器中。

函数 download(filename, text) 复制自：https://stackoverflow.com/a/18197341/3117111

【讨论】：