Javascript Ajax不存储数据

我有一个程序，我可以添加数据没有javascript。但是我想使用AJAX，我不知道为什么它不起作用。当我单击Add按钮时，它不会发生任何事情，并且在phpmyadmin中看不到数据。有人能帮我吗

index.php：

session_start();
require_once("auth.php");
require_once("control.php"); 

<div class="well well-sm bs-component">
    <div class="form-group row add">
    <form method="post" action="">
        <div class="col-md-12">
         <label for="content" class="control-label">Your Comment</label>
            <input type="hidden" name="uid" value="<?= $id; ?>">
            <input type="hidden" name="date" value="<?= date('Y-m-d H:i:s') ?>">
            <textarea  id="content" name="content" class="form-control" rows="3" placeholder="Enter your comment..." required></textarea>
            <p class="error text-center alert alert-danger hidden"></p>
        </div>
        <div class="addButton col-md-12">
            <button class="btn" type="submit" id="add" name="add">
                <span class="glyphicon glyphicon-plus"></span> SEND
            </button>
        </div>
    </div>
    </form>      
</div>

Javascript:

$("#add").click(function() {

var formData = {
    'name': $('#content').val()
    };


    $.ajax({
        type: 'post',
        url: 'control.php',
        data: formData,
        success: function(data) {
            if ((data.errors)){
                $('.error').removeClass('hidden');
                $('.error').text(data.errors.name);
            }
            else { 
                $('.error').addClass('hidden');
                $('#table').prepend("<div class='item" + data.id + " mess'><div class='btn-group-sm'><button class='edit-modal btn btn-circle' data-id=" + data.id + " data-name=" + data.name +"><span class='glyphicon glyphicon-pencil'></span></button><button class='delete-modal btn btn-circle' data-id=" + data.id + " data-name=" + data.name +"><span class='glyphicon glyphicon-trash'></span></button></div><article class='myMessage'><p>" + data.name + "</p></article></div><div class='clear' style='clear: both;''></div>");
            }
        },

    });
    $('#content').val('');

});

$（“#添加”）。单击（函数（）{
var formData={
'name'：$（'#content'）.val（）
};
$.ajax({
键入：“post”，
url:'control.php'，
数据：formData，
成功：功能（数据）{
如果（（数据错误））{
$（'.error'）.removeClass（'hidden'）；
$（'.error'）.text（data.errors.name）；
}
否则{
$（'.error'）.addClass（'hidden'）；
$（“#table”）.prepend（“”+data.name+”
您仅将其作为
$\u POST
数据发送：

var formData = {
    'name': $('#content').val()
};

这应该只会导致
$\u POST['name']
=>值

但是您正在阅读
$\u POST['content']；
和其他变量。
您还可以检查AJAX没有发送的
$\u POST['add']
。
更改键，您将使用来发送/读取一侧的数据，并尝试将其他键/值添加到数据中，例如

var formData = {
    'add': 'yes',
    'content': $('#content').val(),
    'uid': SOMEVALUE,
    'date': SOMEVALUE
};

不管怎样，
uid
和
date
都是您可能希望在control.php中动态创建的内容。但是不要从
$\u POST

添加：进一步阅读与您的用例相匹配的示例：
如果您不确定如何在代码中添加一些调试消息，以实际查看日期“丢失”的位置，那么您应该做些什么来隔离错误“或者它到达的距离。例如，将
echo
消息添加到
控件.php
中，查看是否调用了它，如果调用了，请检查正确的值您没有发送
$\u POST['add']
。在PHP中输出，这样您就可以知道应用程序停止的位置。此外，您还应该对查询使用错误报告，这样您就可以知道查询失败的原因，并应该对查询进行参数化。
var formData = {
    'add': 'yes',
    'content': $('#content').val(),
    'uid': SOMEVALUE,
    'date': SOMEVALUE
};

you are just passing name. you have to pass uid and date also
var formData = {
    'name': $('#content').val()
    };

with this.
give id to uid and date textfield
var formData = {
    'name': $('#content').val(),
    'uid': $('#uid').val(),
    'date': $('#date').val(),
    };


in control.php database connection is necessary. without it record will not inserted