使用 JQuery 将对象添加到 JSON 文件

Question

我有一个非常简单的 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

另外，作为说明，我希望将文件更改为其他人也不仅仅是您或您的会话。

Answer 1

您需要一个实际的 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，将其解析为可用的内容，添加属性，然后转换回字符串，并再次存储在文件中。