Как написать текст из HTML ввода в файл JSON?

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

Данные, введенные во входные данные, следует сохранить их в объекте, а затем загрузить этот файл в формате json с помощью функции download .

Это решение полезно, если вы хотите сгенерировать файл json в браузере и загрузить его.Но если вы хотите сохранить этот файл на сервере, то вам следует рассмотреть возможность отправки этих данных на сервер с помощью запроса Http, а затем создать и сохранить файл json на сервере с использованием вашего серверного языка.

Функция скачать (имя файла, текст) скопировано из: https://stackoverflow.com/a/18197341/3117111