javascript - AJAX 在页面上提交单个表单

Question

我在同一页面上有 2 个表单，并希望它们使用 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 的必须是唯一的，否则 JavaScript 会出现问题。您可以使用

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

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