jQuery 和 Bootstrap 不允许我使用 AJAX答案

【问题标题】：jQuery and Bootstrap don't let me use AJAXjQuery 和 Bootstrap 不允许我使用 AJAX
【发布时间】：2016-04-29 07:54:02
【问题描述】：

我有通过 AJAX 发布的表单。如果我不使用任何其他 JavaScript 库，它就像一个魅力。

现在我正在使用 Bootstrap 和 jQuery，但它不会触发。

代码：

$(function() {
    $('form').on('submit', function(e) {
        $.ajax({
            type: 'post',
            url: 'ajax-post.php',
            data: $(this).serialize(),
            alert($(this).serialize());
            success: function() {
                $(".alert").show(0).delay(2000).hide(0);
            }
        });
        e.preventDefault();
    });
});

【问题讨论】：

还将您的 preventDefault 放在表单提交功能的开头 .. api.jquery.com/event.preventdefault 。如果使用错误：函数（stackoverflow.com/questions/555315/…），您需要处理 ajax 帖子是否成功

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

你不能在两个属性数据和成功之间放置alert，去掉alert()：

$('form').on('submit', function (e) {
                $.ajax({
                  type: 'post',
                  url: 'ajax-post.php',
                  data: $(this).serialize(),
                  success: function () {

            $(".alert").show(0).delay(2000).hide(0);

                  }
          });
         e.preventDefault();
     });

【讨论】：