javascript - 如何使用 JQuery 和 PHP 为多个表单设置唯一 id

Question

我的页面中有超过 1 个表单。我使用ajax 将此表单提交到数据库。问题是每个表单都应该有唯一的 id 才能使用 ajax(JQuery id 选择器)提交，并且第一个表单总是使用 ajax 提交，其他表单总是使用 php 提交。我如何为每个表单提供唯一的 id 并使用 AJAX 提交所有表单？

<form action="inc/new.comment.php" method="post" id="new_comment_answer_form">
    <textarea name="new_answer" id="new_answer" cols="30" rows="10" placeholder="enter your new answer"></textarea>
    <!-- <input type="text" name="comment_author" id="comment_author" placeholder="author name"> -->
    <input type="hidden" name="post_id" id="post_id" value="<?php echo $post_id ?>">
    <input type="hidden" name="comment_id" id="comment_id" value="<?php echo $comment_id ?>">
    <input type="submit" name="submit_answer" value="send" id="submit_answer">
</form>
<p id="new_answer_result"></p>

j查询:

 $("#new_comment_answer_form").submit(function (e) {
        e.preventDefault();
        var new_answer = $("#new_answer").val();
        var submit_answer = $("#submit_answer").val();
        var post_id = $("#post_id").val();
        var comment_id = $("#comment_id").val();
        $(document).ajaxStart(function () {});
        $(document).ajaxComplete(function () {});
        $.post("./inc/new.comment.php", {
            new_answer: new_answer,
            submit_answer: submit_answer,
            post_id: post_id,
            comment_id: comment_id
        }, function (data, status) {
            $("#new_answer_result").html(data);
            $("#new_answer").val("");
        });
    });

使用此代码是对博客网站中其他评论的评论。(如果有帮助的话)

Answer 1

您可以为每个表单提供唯一的 ID，但设置相同的类，例如 class="submit_form"。接下来您应该通过此类调用该函数。您可以通过名称调用其他字段。

$(".submit_class").submit(function (e) {
    e.preventDefault();
    var new_answer = $(this).find("[name=new_answer]").val();
    var submit_answer = $(this).find("[name=submit_answer]").val();
    var post_id = $(this).find("[name=post_id]").val();
    var comment_id = $(this).find("[name=comment_id]").val();
    $(document).ajaxStart(function () {});
    $(document).ajaxComplete(function () {});
    $.post("./inc/new.comment.php", {
        new_answer: new_answer,
        submit_answer: submit_answer,
        post_id: post_id,
        comment_id: comment_id
    }, function (data, status) {
        $("#new_answer_result").html(data);
        $(this).find("[name=new_answer]").val("");
    });
});