0

我有以下引导联系表：

     <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 调用正常工作？

4

1 回答 1

-1

尝试没有给定复杂性的表单+ajax。如果它有效，那么它与代码有关。

于 2013-05-18T20:08:49.707 回答