javascript - 如何在 jquery 帖子的回调中重定向

Question

收到数据后我的主页没有重定向到登录页面。 这是主页 js:

$(function(){
    const submit = $('#submit');
    const save = $('#save');
    const email = $('#email');
    const username = $('#username');
    const password = $('#password');
    const userlogin = $('#Username login');
    const passlogin = $('#Password login');
    save.click(function(e){
        e.preventDefault();
        $.post('/signup',{
            email:email.val(),
            username:username.val(),
            password:password.val()
        }, function(data){
            console.log(1)
            if(data.username){
            localStorage.setItem("username",data.username)
            }
            window.location.href(data.url)
        })
    })
    submit.click(function(e){
        e.preventDefault();
        $.post('/login',{
            username:userlogin.val(),
            password:passlogin.val()
        }, function(data){
            window.location.href(data.url)
        })
    })
})

这是后端的 routes.js 文件

app.post('/signup', function(req,res){
    var a = [req.body.email,req.body.username,req.body.password];
    Users.findOne({
       where: { email: a[0],
        username: a[1],
        password: a[2],
       }

    }).then(users => {
        if (users) {
        res.send({
            url:'/'
        })
        }
        else{
            Users.create({
                email: a[0],
                username: a[1],
                password: a[2],

          }).then(users => {
                res.send({
                    url:'/profile',
                    username: a[1]
                })
          })    
        }
    })
})

我需要在收到来自服务器的成功回调后重定向到/profile。但是现在页面没有加载，但是用户名字段已成功存储在本地存储中。 我相信这是由于 window.location.href 而发生的

Answer 1

您可以通过多种方式进行。

首先让我告诉你代码中有什么问题，

你必须使用，

window.location.href = "https://www.example.com";

因为你写的符号不对

window.location.href(data.url) // this is wrong

Window.location docs at MDN

现在换一种方式，

您可以在标记中指定 post 方法，也可以在 action 属性中指定。

<form name="some_name" method="POST" action="/signup">
... Your Form ...
</form>