javascript - 如何将文本从html输入写入json文件？

Question

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

Answer 1

你的问题不清楚，但是如果你想下载json数据，想下载，这里有一个snippet:

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));

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

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

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