AJAX在页面上提交单个表单

Question

我在同一页面上有两个表单，希望它们使用AJAX相互独立提交。我目前的代码是：

<script type="text/javascript">
        $("#form_tab").on("submit", function (event) {
            event.preventDefault();
            var form = $(this);
            $.ajax({
                url: form.attr('action'),
                type: "POST",
                data: form.serialize(),
                success: function(data){
                    $('#ResponseDiv').html(data);
                }
            });
       });
</script>

当我将两个表单id放入form_tab时，它们都会在另一个表单时提交。如何使它们都以相同的代码相互依赖地提交？谢谢！

Answer 1

ID＆＃39; 必须是唯一的，否则您将遇到JavaScript问题。你可以使用

$('form').on('submit', function() {
    var formID = $(this).id; // get this form's id

然后，如果需要，您可以使用该ID来处理每个表单的处理。