jQuery多次提交表单

Question

我有以下Bootstrap联系表格：

     <form id="contactForm" class="form-horizontal" data-async data-target="#contact" action="/contact.php" method="POST">
         (...)
         <button class="btn btn-primary pull-right" type="submit">Send</button>
     </form>

和这个jQuery代码：

$('form[data-async]').on('submit', function(event) {
    var $form = $(this);
    var $target = $($form.attr('data-target'));

    $.ajax({
        type: $form.attr('method'),
        url: $form.attr('action'),
        data: $form.serialize(),

        success: function(data, status) {
            $target.html(data);
        }
    });

    event.preventDefault();
});

我可以提交表单并获得一次AJAX响应，但是第二次尝试这样做时，它将在导航器中加载contact.php 。 我没有得到，因为event.preventDefault()应该防止这种情况。 如何进行多个AJAX调用？

Answer 1

尝试使用+ ajax形式，但不提供复杂性。 如果工作正常，则代码会有所帮助。