フォーム提出後にコンテンツページを変更するJquery

Question

symfonyプロジェクトにJavascriptの機能を追加しようとしていますが、Javascriptの使用経験はほとんどありません。

私は/loginにフォームを持っており、送信後には/accountにリダイレクトされますが、ヘッダーページは同じです。 フォームの送信後にヘッダを変更したいと思います。

これは私が今持っているものです。

$(document).ready(function() { 
$(".form-login").submit(function() { 
$.ajax({ 
type: "POST", 
    url: "http://localhost:8000/account", 
    data: $(this).serialize(), 
    success: function() { 
    $(".account:first").text("My account"); 
    $(".account:first").text("Disconnect"); 
    } 
}) 

それは、ページのロード時に動作しますが、私は/accountでいる時、それはまだ同じヘッダーです。

Answer 1

は、このコードを使用することができます。サーバー側が非常に良く適し何が必要になりますが含まのようさておき、このコードで

$(document).ready(function() { 
     $(".form-login").submit(function(e) { 
      e.preventDefault(); 
      $.ajax({ 
       type: "POST", 
       url: "http://localhost:8000/account", 
       data: $(this).serialize(), 
       success: function() { 
        $(".account:first").text("My account"); 
        $(".account:first").text("Disconnect"); 
       } 
     }) 
    }) 
}) 

または

$(document).ready(function() { 
     $(".form-login").submit(function(e) { 
      $.ajax({ 
       type: "POST", 
       url: "http://localhost:8000/account", 
       data: $(this).serialize(), 
       success: function() { 
        $(".account:first").text("My account"); 
        $(".account:first").text("Disconnect"); 
       } 
     }); 
return false; 
    }); 
})