Добавление объектов в JSON-файл с помощью JQuery

У меня очень простой JSON-файл с именем json.php:

[ { "name":"wowsk" } ] 

Я хочу, чтобы посетители моего веб-сайта могли добавлять объекты в массив. То, что я застрял, – это, как позволить им добавить его. У меня есть HTML-файл, и тело выглядит так:

 <form id="addName"> <input id="name" placeholder="Enter your name."> <button id="addNameButton" type="submit">Submit</button> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script> function addName() { var input=document.getElementById("name").value; $.ajax({ url: "json.php", type: 'POST', data: {"name":"hello"} }) } $("#addNameButton").click(function() {addName()}) </script> 

Однако страница не добавит еще одного объекта в файл, но я также попытался использовать PUT, но это тоже не сработает. Смогу ли я использовать JQuery для добавления объектов в файл, или я просто ошибаюсь в использовании функции? Я исследовал это несколько дней, но не смог найти ничего, чтобы помочь.

Спасибо за любую помощь,
Wowsk

Кроме того, в качестве примечания, я хочу, чтобы файл был изменен для других тоже не только вы или ваш сеанс.

Вам понадобится фактический PHP-скрипт, который добавит в файл JSON, это не произойдет волшебным образом.

 $.ajax({ url : "script.php", type : 'POST', data : {"name":"hello"} }); 

И тогда в script.php вы бы сделали что-то вроде

 <?php $content = file_get_contents('json.php'); $json = json_decode($content, true); $json["name"] = $_POST["name"] || ""; $str = json_encode($json); file_put_contents( 'json.php', $str ); ?> 

Это действительно многословно, но, чтобы понять, вы должны получить JSON, проанализировать его на что-то полезное, добавить свойство, а затем преобразовать обратно в строку и снова сохранить в файле.