php - jQuery根据表单ID序列化表单更新MySQL？

Question

我填充了 <form> 的列表使用 PHP while 循环，并使用 MySQL 中的值填充字段。现在我希望能够用一个 submit 更新所有表单- 按钮。

该表单在 HTML 中看起来像这样(注意，在我的实际页面上有多个这样的表单。唯一不同的是 <form id='X'> :

<form id='34' name='customercontact' method='post' action='customerUpdate.php'>
    Förnamn: <br /><input type='text' name='contact_firstname' class='textbox' value='text....'>
    Efternamn: <br /><input type='text' name='contact_lastname' class='textbox' value='text....'>
    Telefonnummer: <br /><input type='text' name='contact_phone' class='textbox' value='text....'>
    Mobiltelefon: <br /><input type='text' name='contact_cellphone' class='textbox' value='text....'>
    E-mail: <br /><input type='text' name='contact_email' class='textbox' value='text....'>
        <select name='isActive'>
            <option value="0" selected>Inaktiv</option>
            <option value="1">Aktiv</option>
        </select>
</form>

如何使用 jQuery 序列化将每个表单和所有值作为字符串发送？我真的不知道从哪里开始。

Answer 1

您可以选择页面上的所有表单$('form')，然后遍历它们并通过 AJAX“提交”值。

更新:

<script type="text/javascript">
$(document).ready(function() {
    $('#customer_contact_save').live('click', function(e){
        e.preventDefault(); // prevent form submit
        $.each($('form'), function(index) { 
            var sData = $(this).serialize(); // get data from form for submit
            $.ajax({
                type: "POST",// path to php script that saves data to db
                url: "some.php",
                data: sData,
                success: function(someMessageFromPhp) {
                    alert(someMessageFromPhp); // alert to user what some.php returned
                }
            });
        });
    });
});
</script>