2016-04-29 51 views
-1

我有通過AJAX發佈的表單。如果我不使用任何其他JavaScript庫,它就像一個魅力。jQuery和Bootstrap不讓我使用AJAX

現在我使用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(); 
    }); 
}); 
+0

也把你的preventDefault在開始的時候,你提交表單功能.. https://api.jquery.com/event.preventdefault/。你需要處理,如果AJAX帖子不成功使用該錯誤:函數(http://stackoverflow.com/questions/555315/jquery-checking-success-of-ajax-post) – DTH

回答

6

你不能把警報兩個屬性數據和成功之間,除去警報():

$('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(); 
    }); 
+0

這仍然無法正常工作。 它不會開火 –