Загрузите текстовый файл JSON на веб-странице, используя только JavaScript / jQuery

Question

У меня есть веб-страница, которая запускается локально на моем компьютере с использованием только локального хранилища JavaScript и HTML5 (нет необходимости в веб-сервере).У меня уже есть метод для загрузки файла JSON / простого текста на веб-страницу с использованием только JavaScript и преобразования его в объект JavaScript, чтобы моя веб-страница могла его использовать.Теперь мне просто нужен способ экспортировать объект обратно в текст JSON, а затем позволить пользователю сохранять / резервировать данные, используя только чистый JavaScript / HTML.

Хорошо, пока пример кода:

var obj = {
    id: 24,
    name: 'Jack Bauer'
};
var jsonText = JSON.stringify(obj);

Теперь предположим, что есть кнопка «Экспорт / резервное копирование». Как разрешить пользователю сохранять этот jsonText в виде файла на жестком диске, используя только JavaScript / HTML?

Большое спасибо!

Answer 1

Уверен, ты не сможешь этого сделать. Команда document.execCommand ('saveas', бла, бла) сохранит текущую веб-страницу (а не содержимое, которое вы указываете с помощью javascript), и, кроме этого, нет способа получить диалог сохранения в виде простого javascript. *

Некоторые другие опции:

• использовать localalstorage
• использовать куки
• отобразить jsontext в текстовом поле / диалоговое окно / etc и спросить пользователя скопировать его и сохранить где-нибудь (фу!)
• отправьте jsontext (например) на php-сервер, добавьте расположение содержимого заголовок для отображения диалога сохранения.

Answer 2

Я думаю, что это будет работать, если вы предоставите файл с application/octet-stream в качестве типа контента.Для этого вам необходимо настроить свой веб-сервер.