Question

我希望在从服务器获得成功响应后实现重定向。我尝试以与here描述相同的方式执行此操作，但遗憾的是无法实现所需的行为。

将数据发送到服务器并应该执行重定向的功能如下：

 $("#btn-login").click(function(){
                if ($('#loginform').valid() == false) {
                    return false;
                }
                var formData = $("form#loginform").serialize();
                $.ajax({
                    type: "POST",
                    url: "/authentication/login",
                    data: formData,
                    success: function(data, textStatus){
                        console.log(formData);
                        //console.log(data);
                        if(data.redirect){
                            window.location.href = data.redirect;
                        }
                    },
                    error: function(e){
                        alert(e.responseText);
                    }
                });
            });

在服务器端，执行以下功能：

/* Handle Login POST */
router.post('/login', passport.authenticate('login', {
    successRedirect: '/',
    failureRedirect: '/authentication',
    failureFlash : true
}));

有没有人知道为什么客户端上的功能在收到服务器的响应后没有重定向？

谢谢！

Answer 1

console.log(data)的输出是什么？

服务器似乎正在重定向，因此当前端代码收到服务器的输出时，它已经是successRedirect或failureRedirect页面，因此未达到代码window.location.href = data.redirect。检查data，它应该具有重定向属性。如果没有，我的猜测是服务器已经在进行重定向而你没有看到它，因为你是通过ajax调用它的。这可以在Web检查器的网络选项卡中确认。

jQuery Ajax调用后无法重定向

1 个答案: