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都是无用的

使用AJAX为多个表单提交表单OnChange

1 个答案: