提交表單OnChange與AJAX的多個表單

Question

我有一個頁面，我想通過PHP提交併將其值存儲到mySQL數據庫中的多個表單。我的問題與此處提出的問題非常相似（submitting multiple forms with AJAX），理想情況下我希望將每個表單onChange（）提交併存儲在數據庫中。

我一般看的形式是這樣的：

<form name="form1" id="form1" action="" method="POST"> 
    <input type="text" class="input-block-level" placeholder="Placeholder text"> 
    <input type="text" class="input-block-level" placeholder="Placeholder text"> 
</form> 
.... 
<form name="form2" id="form2" action="" method="POST"> 
    <input type="text" class="input-block-level" placeholder="Placeholder text"> 
    <input type="text" class="input-block-level" placeholder="Placeholder text"> 
</form> 
.... 

而且我目前的jQuery/AJAX代碼：

$(document).ready(function() { 
    $('#form1').change(function() { 
    $.post('process.php', $("#form1").serialize(), function(data) { 
     $('#results').html(data); 
     }); 
    }); 

}); 

理想情況下，我不會需要複製/粘貼此代碼段爲每個表單（我有很多不同的形式），但可以有一個代碼塊，它可以在任何形式改變時使用。任何幫助將非常感激。

Answer 1

您可以將CSS類添加到所有表單並檢索所有表單以完成相同的工作。

$(document).ready(function() { 

    // Retrieve all form on the page 
    $('.formAjax').change(function() { 
     $.post('process.php', $(this).serialize(), function(data) { 
      // Update the result area 
      $('#results').html(data); 
     }); 
    }); 
}); 

假設您已將良好的CSS類添加到所有表單中。

<form name="form1" id="form1" action="" class="formAjax" method="POST"> 

注：每種形式的ID是沒用