2016-04-29 12 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 не было успешным, используя функцию error: (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

Это все еще не работает. Это не горит –