jQuery基于表单ID序列化表单更新MySQL

Question

我使用PHP while循环填充<form>的列表，并用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>