Как записать в локальный JSON?

Question

[uRoot]

Весь код работает в рамках одной машины
Есть такое мини-приложение: ссылка
Полученные данные:

head = document.getElementById('setHead').value;
    date = document.getElementById('setDate').value;
    autor = document.getElementById('setAutor').value;
    text = document.getElementById('setText').value;

Необходимо дописать в конец JSON-файла, в котором уже есть данные:

spoiler

{
  "1": {
    "title":"My Lesons",
    "autor":"Denis",
    "date":"10.01.18",
    "text":"С момента введения поддержки типа данных JSON в MySQL 5.7.8 не хватает одной вещи: способности индексировать значения JSON. Для того, чтобы обойти это ограничение, можно использовать генерируемые столбцы. Эта возможность, представленная в MySQL 5.7.5, позволяет разработчикам создавать столбцы, содержащие информацию, полученную из других столбцов, предопределенных выражений или вычислений. Генерируя столбец из значений JSON, а затем индексируя его, можно практически индексировать поле с JSON."
  },
  "2": {
    "title":"My Articles",
    "autor":"CryNet",
    "date":"09.01.18",
    "text":"Для того, чтобы обойти это ограничение, можно использовать генерируемые столбцы. Эта возможность, представленная в MySQL 5.7.5, позволяет разработчикам создавать столбцы, содержащие информацию, полученную из других столбцов, предопределенных выражений или вычислений. Генерируя столбец из значений JSON, а затем индексируя его, можно практически индексировать поле с JSON."
  }
...
}

Количество записей в JSON-файле неизвестно. Подскажите как реализовать запись, чтобы не выкачивать все данные из файла в переменную, не пересоздавать файл и т.д.?!

Answer 1

[Александр Котовский]

Из браузера никак. Отошли данные на сервер, который имеет доступ к методам работы с файловой системой.

Comments

[uRoot]

Всё находится на моей машине: и JSON файл, и сами HTML с JS. Я записываю сам себе, выходит. То всё равно никак? Вроде это делается через XMLHttpRequest, но я не знаю как.

[Александр Котовский]

Браузер - песочница изолирующая среду выполнения джаваскрипта от ОС.

[uRoot]

Александр Котовский, то есть никакого взаимодействия из файлами на JS без PHP или Node?!

[Александр Котовский]

CryNet, это и не нужно. Браузер непредназначен для работы с файлами. Если хотите сделать веб приложение работающее без бекенда - Electron вам в помощь. Но это будет исполняться не в браузере, в ос как отдельное приложение.

[uRoot]

Александр Котовский, я просто думал, что так тоже можно. Если выполняемый и записываемый файл находится на одном ПК.

[Александр Котовский]

CryNet, в базовом виде из браузера никак. Можно написать расширение
для браузера с NodeJS, которое будет работать с ФС.

Answer 2

[Interface]

у вас есть 4 варианта:
- хранить в localStorage (это не JSON файл, но может быть вам подойдет) - вероятно самое простое
- генерировать файл в браузере и предложить пользователю его сохранить (тут можно почитать https://stackoverflow.com/questions/3665115/create...
- запускать не только браузер на своей машине, но и сервер (ну и обрабатывать запросы и т.д.)
- использовать совмещенный браузер с нодой (похоже на 3 вариант). Вам может подойти nw.js или electron

XMLHttpRequest - выполнит только запрос и будет частью решения #3, но само взаимодействие с файловой системой будет делать сервер

Comments

[uRoot]

Ага. То есть для записи/создания файла необходимо поднять Node, где будет файл-обработчик - он будет принимать полученные данные из переменных и записывать/создавать. Так?

[uRoot]

Ну либо какой-то PHP-обработчик

[Interface]

CryNet, да, повторюсь: это один из вариантов решения. Если вы распишите более подробнее свою задачу - возможно найдется вариант проще

[uRoot]

Interface, ну это обычный бложек должен был быть. Но я все понял. Спасибо.