Ajax>PHP>append json和表单数据

Question

我是JS的初学者，以前从未接触过PHP。经过几个小时的搜索，我拼凑出了这一块。我想做的是，有一个简单的表单，里面有几个字段，这些字段被保存到一个JSON文件中。我希望每个后续条目都附加到文件的末尾，这样每个JSON对象就是这个人的名字和他们的注释。

通过下面的代码，我已经成功地将一些东西传递给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']);

如果要将变量插入字符串，必须使用双引号，而不是单引号。查看PHP中单引号字符串和双引号字符串之间的区别？

我看不出调用json\u encode（$\u POST）的代码有什么意义。这不会对post数据执行任何有用的验证，因为可以发布的任何内容都可以进行编码。

在Javascript中也不需要使用FormData。通常只有在上传文件时才需要这样做。对于其他输入，可以使用。序列化（）方法：

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