Ajax > PHP > 用表单数据附加 json

Question

我是 JS 的初学者，之前从未接触过 PHP。在搜索了几个小时之后，我拼凑了这件作品。我想要做的是有一个简单的表单，其中包含几个字段，这些字段被保存到 JSON 文件中。我希望每个后续条目都附加到文件的末尾，以便每个 JSON 对象都是人名和他们的评论。

使用下面的代码，我已经成功地将 something 传递给 PHP 脚本，并将条目附加到 json 文件中。但是 json 文件中显示的是这个（在两个条目之后）：

[{"data":"$data"},{"data":"$data"}]

这是我的 HTML

        <form method="POST">

            <!-- NAME -->
            <div id="name-group" class="form-group">
                <label for="name">Name</label>
                <input type="text" class="form-control" name="name" placeholder="">
                <!-- errors will go here -->
            </div>

            <!-- EMAIL -->
            <div id="comment-group" class="form-group">
                <label for="comment">Comment</label>
                <input type="text" class="form-control" name="comment" placeholder="">
                <!-- errors will go here -->
            </div>

            <button type="submit" class="btn btn-success">Submit <span class="fa fa-arrow-right"></span></button>

        </form>

我的 jquery

$(document).ready(function() {
    // process the form
    $('form').submit(function(event) {
        // get the form data
        // there are many ways to get this data using jQuery (you can use the class or id also)
        var formData = {
            'name'              : $('input[name=name]').val(),
            'comment'             : $('input[name=comment]').val(),
        };
        // process the form
        $.ajax({
            type        : 'POST', // define the type of HTTP verb we want to use (POST for our form)
            url         : 'data/save.php', // the url where we want to POST
            data        : formData, // our data object
        })
            // using the done promise callback
            .done(function(data) {
                // log data to the console so we can see
                console.log(formData); 
                // here we will handle errors and validation messages
            });
        // stop the form from submitting the normal way and refreshing the page
        event.preventDefault();
    });
});

还有我的 PHP

<?php
if( !empty( $_POST ) ){
$data = json_encode( $_POST );
if( json_last_error() != JSON_ERROR_NONE ){
exit;  
}
$file = file_get_contents('comments.json');
$data = json_decode($file);
unset($file);
$data[] = array('data'=>'$data');
file_put_contents('comments.json',json_encode($data));
unset($data);
}

?>

谢谢

Answer 1

您引用了$data，这会阻止变量被扩展。您也没有将用户输入参数放入数组中，而是尝试使用 $data 将数组放入自身中。

$data[] = array('name' => $_POST['name'], 'comment' => $_POST['comment']);

如果要将变量插入字符串，则必须使用双引号，而不是单引号。见What is the difference between single-quoted and double-quoted strings in PHP?

我看不出调用json_encode($_POST) 的代码的意义所在。这不会对发布数据执行任何有用的验证，因为可以对任何可以发布的内容进行编码。

也不需要在 Javascript 中使用FormData。这通常仅在您上传文件时才需要。对于其他输入，您可以使用.serialize() 方法：

    var formData = $(this).serialize();