我正在尝试创建我的第一个 AJAX调用.我所要做的就是向我的数据库发送一条消息,其中包含user_id,消息和日期.

截至目前,当我点击提交按钮时,甚至都没有发生任何事情.为什么这不提交,我不确定我是否正确创建ajax调用.

我究竟做错了什么？

我的ajax电话

$(document).ready(function () {
    $("#submIT_announcement").on("click",function () {
        $user = this.value;
        $.ajax({
            url: "insert_announcements.PHP",tyPE: "POST",data: "username=" + $user,success: function (text) {
                if (text == "Error!") {
                    alert("Unable to get user info!");
                    $(".announcement_success").fadein();
                    $(".announcement_success").show();
                    $('.announcement_success').htML('Payment status Changed!');
                    $('.announcement_success').delay(5000).fadeOut(400);
                    alert(data);
                } else {
                    VAR txtArr = text.split('|');
                }
            },error: function (xhr,textStatus,errorThrown) {
                alert(textStatus + "|" + errorThrown);
            }
        });
    });
});

表格

<div class="announcement_success"></div>
<p>Add New Announcement</p>
<form action="" method="POST" id="insert_announcements">
    <textarea rows="4" cols="50" id="announcement_message " name="message" class="inputbarmessage" placeholder="Message" required></textarea>
    <label for="contactButton">
        <input type="button" class="contactButton" value="Add Announcement" id="submit">
    </label>
</form>

PHP文件insert_announcements.PHP

$con = MysqLi_connect("localhost","","");
$stmt2 = $con->PRepare("INSERT INTO announcements (user_id,message,date) VALUES (?,?,Now())");
    if ( !$stmt2 || $con->error ) {
        // Check Errors for prepare
         die('Announcement INSERT prepare() Failed: ' . htmlspecialchars($con->error));
    }
    if(!$stmt2->bind_param('isi',$announcement_user_id,$announcement_message)) {
        // Check errors for binding parameters
        die('Announcement INSERT bind_@R_907_1403@ Failed: ' . htmlspecialchars($stmt2->error));
    }
    if(!$stmt2->execute()) {
        die('Announcement INSERT execute() Failed: ' . htmlspecialchars($stmt2->error));
    }
        echo "Announcement was added successfully!";
    else
    {
         echo "Announcement Failed!";
    }

$("#submit").on("click",function(){