javascript - 如何通过序列化表单数据发送数据

Question

如何发送页面中多个表单的数据并通过序列化表单数据存储特定表单的值。

$(function () {
    $('.form').on('submit', function (e) {
    console.log($(".form").serialize( )) ;
        $.post({
        type: 'post',
        url: 'admin/sv_replycomment.php',
        data: $(this).serialize(),
            success: function (data) {
                $('.form').trigger("reset"); 
                $('#rep_response').html(data);
                }
            });
        e.preventDefault();
        });
    }); 

Answer 1

这是因为您的所有表单可能具有相同的class="form"

因此，要仅提交一个包含序列化数据的表单，您需要为要提交的表单提供唯一的 id 和 serialize() 数据

例如:

<form id="type1" class="form">
...
</form>

现在你的请求应该是这样的

$(function () {
    $('#type1').on('submit', function (e) {
        $.post({
            type: 'post',
            url: 'admin/sv_replycomment.php',
            data: $(this).serialize(),
            success: function (data) {
                $('#type1').trigger("reset"); 
                $('#rep_response').html(data);
            }
        });
        e.preventDefault();
        });
    }); 

我认为这会解决您的问题，因为使用类选择器适用于具有相同类的所有表单