jQuery和Bootstrap不允许我使用AJAX

时间:2016-04-29 07:54:03

标签: javascript jquery ajax twitter-bootstrap

我有通过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();
    });
});

1 个答案:

答案 0 :(得分:6)

您无法在两个属性数据和成功之间设置警报,请删除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();
     });