1

我填充了一个<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 序列化将每个表单和所有值作为字符串发送？我真的不知道从哪里开始。

4

1 回答 1

3

您可以选择页面上的所有表单$('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>
于 2012-07-16T12:25:38.943 回答