如何通過序列化表單數據發送數據

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"

因此，僅提交一個帶有序列化數據的表單，您需要為要提交的表單和serialize()數據提供唯一的ID

例如：

<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();
        });
    }); 

我認為這將解決您的問題，因為使用類選擇器將適用於所有具有相同類的表單

Answer 2

修改代碼以將所有字段數據從FORM發布到PHP

//Ajmal Praveen
    $("#submit").click(function() {
        $.ajax({
            data: $("form").serialize(),
            ...rest
        });
    });