1

<form>PHP の while ループを使用してリストを作成し、フィールドに MySQL の値を入力します。submit今、私はすべてのフォームを 1 つのボタンで更新できるようにしたいと考えています。

フォームは 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 serialize を使用して各フォームとすべての値を文字列として送信するにはどうすればよいですか? どこから始めればいいのか本当にわかりません。

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 に答える