javascript - 如何使用 jQuery AJAX 和 PHP 使用 标签将表单提交到 mySQL 数据库中？

Question

我想做的是为我的网站创建一个“保存”按钮，用于保存特定的帖子和评论，就像 Reddit 上的“保存”按钮一样。现在我正在尝试自学 jQuery AJAX 并尝试找出如何将数据提交到数据库而无需重新加载整个页面。我在这里尝试做的是在单击“保存”时将字符串提交到名为“已保存”的表中来保存字符串。

HTML

<div id="message1">
        <div id="pmessage"><p><?php echo $myComment;?></p></div>
        <a href="#" class="Save" style="color: blue;">Save</a>
        <a href="#" class="Edit" style="color: blue;">Edit</a>
        <a href="#" class="Hide" style="color: blue;">Hide</a>     
    </div>  
    <form action="ajaxexample.php" method="post" style="display: none" id="1234">
        <input type="hidden" name="message" id="message" value="<?php echo $myComment; ?>">
    </form> 

jQuery

$('a.Save').click(function () {
        if ($(this).text() == "Save") {
            $("#1234").ajax({ url: 'ajaxexample.php', type: 'post', data: 'message' });
            $("a.Save").text("Unsave");
        } else {
            $("a.Save").text("Save");
        }
    });

PHP5.3

$message = $_POST['message'];

$query = "INSERT INTO saved (comment) VALUES (?)";
$statement = $databaseConnection->prepare($query);
$statement->bind_param('s', $message);
$statement->execute();
$statement->store_result();

$submissionWasSuccessful = $statement->affected_rows == 1 ? true : false;
if ($submissionWasSuccessful)
{
    header ("Location: index.php");
}

$myComment = "This is my message!";

到目前为止，我想做的就是提交消息“这是我的消息!”进入数据库表“已保存”。我的代码有什么问题吗？为什么我无法将数据提交到表中，如何修复？提前致谢!

Answer 1

提交form当有人点击a.Save时

$('a.Save').click(function (e) {
             e.preventDefault();
             $("#1234").submit();
});

submit处理程序 form#1234

$("#1234").submit(function(e) {
    e.preventDefault();
    $.ajax({
           type: "POST",
           url: 'ajaxexample.php',
           data: $("#1234").serialize(),
           success: function(data)
           {
               // data stores the response from ajaxexample.php
               // Change the html of save by using $("a.Save").html("Unsave");

           }
         });

});

Serialize自动生成查询字符串。