使用 node.js 和 ejs 重定向不起作用

Question

I have spent a lot of time debbuging the following problem but it isn't fixed. The problem occur whenever I the user click on the button and window.locatoin.redirect and window.location.assign methods don't work.

Here is my Code index.ejs:

function registration() {
        $.post('/user/register', {
            teamName: $('#teamName').val(),
            faculty: $('#faculty').val(),
            email: $('#emailSignUp').val(),
            password: $('#passwordSignUp').val()
        }).done(
            window.location.assign('/scoreboard')
        )
    }

router.js:

router.post('/user/register', (req, res) => {
    var newUser = {
        teamName: req.body.teamName,
        faculty: req.body.faculty,
        email: req.body.email,
        password: req.body.password
    }
    userModel.create(newUser, (err, user) => {
        if (err) {
            console.log('[Registratoin]: ' + err);
        } else {
            console.log('[Registration]: Done');
            req.session.userID = user._id;
            res.redirect('/scoreboard')
        }
    });
})

router.get('/scoreboard', (req, res) => {
    userModel.find({}).sort('-score').exec((err, teams) => {
        if (err) {
            console.log('[scoreboard]: ' + err)
        }
        else{
            res.render('main/scoreboard', {
                teamInformation: teams
            }
        )
    }
    })
})

When I test the code, I see the [Registration]: Done logged correctly. but redirect doesn't work. How should I fix it?

Answer 1

请使用 location.href 而不是 location.assign 如下：

window.location.href = "/scoreboard";

Answer 2

HTML5 introduced the history.pushState() and history.replaceState() methods, which allow you to add and modify history entries, respectively.

history.pushState(null, null, "/scoreboard")

More information about the new features of HTML5 to handle these kind of problem are available here .