2016-04-29 8 views
-1

私はAJAX経由で転記されるフォームを持っています。私が他のJavaScriptライブラリを使用していない場合、それは魅力的なように機能します。jQueryとBootstrapはAJAXを使用させません

今はブートストラップと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投稿がエラーを使用して成功したかどうかを処理する必要があります:function(http://stackoverflow.com/questions/555315/jquery-checking-success-of-ajax-post) – DTH

答えて

6

あなたは)(2つのプロパティのデータと成功の間でアラートを置くアラートを削除することはできません。

$('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

これはまだ動作しません。 火災は発生しません –

関連する問題