Question

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

Answer 1

您的问题尚不清楚，但是如果您要下载json数据并要下载，请在以下代码段中找到

：

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（文件名，文本）从以下位置复制：https://stackoverflow.com/a/18197341/3117111

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

1 个答案: