Как обновить файл JSON, используя HTML формы и Javascript?

Question

Я пытаюсь обновить файл JSON со структурой, как показано ниже

[
      {
         "fname" : "August",
         "lname" : "somename",
      }
]

Я использую HTML & Javascript для обработки операции. Мне каким-то образом удалось обновить существующий объект новыми данными формы, но я не знал, как преобразовать этот обновленный объект в файл. Я искал в inte rnet, но нашел ответы в PHP, я пытаюсь добиться этого с помощью Javascript.

Любые предложения очень оценены.

<div class="col-lg-4 col-md-4 col-sm-4">
                <form id="forddata">
                    <input id="fname" name="fname" type="text" placeholder="Enter your firstName" />
                    <input id="lname" name="lname" type="text" placeholder="Enter your lastnane" />
                    <input type="button" id="bt" value="save-to-file" onclick="saveFile()" />
                </form>
            </div>

            <script>
                function saveFile() {
                    var fname = document.getElementById( 'fname' );
                    var lname = document.getElementById( 'lname' );

                    var data = 'First Name: ' + fname.value + ',\n'
                        + 'Last Name: ' + lname.value + ',\n';
                    console.log( data );
                    console.log( "Current formata : " + JSON.stringify( formdata ) );
                    formdata.push( { "Firstname ": fname.value, "Lastname": lname.value } );
                    console.log( typeof formdata );
                    console.log( JSON.stringify( formdata ) );
                    // How to push updated object "formdata" back to file ?
            </script> 

Answer 1

Не совсем понятно, что вы пытаетесь сделать. Но есть FileSystem API, который может помочь с вашей проблемой. Но учтите следующее:

1. Если вы пытаетесь записать файл на клиентский компьютер, вы не можете сделать это каким-либо кросс-браузерным способом. IE имеет методы, позволяющие «доверенным» приложениям использовать объекты ActiveX для чтения / записи файла.
2. Если вы пытаетесь сохранить его на своем сервере, просто передайте текстовые данные на сервер и выполните код записи файла с использованием некоторого языка на стороне сервера.
3. Для хранения некоторой информации на стороне клиента, которая значительно меньше, вы можете go для файлов cookie.
4. Используя API HTML5 для Локальное хранилище.