在表单提交Jquery后更改内容页面

时间:2017-10-09 12:58:16

标签: javascript php jquery html symfony

我正在尝试为我的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时,它仍然是相同的标题。

1 个答案:

答案 0 :(得分:0)

可以使用此代码:

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