SimpleModal PHP 登录表单：如何在成功/失败时重定向

Question

希望你能帮忙。这里有一点 jQuery/AJAX 新手。

我有一个基本的 SimpleModal 登录表单，可以从我的网站主页调用它。

login.js 调用 login.php 脚本来检查我的数据库中的用户凭据。

如果登录成功，我会设置一些会话变量，并且通常使用 header 命令将用户发送到他们的个人页面（或登录失败时的错误页面）。

例如。 header("位置：restricted/index.php");

我无法关闭模式登录表单并将父主页重定向到会员页面。 我通常会留下空白的模态方块，上面写着“谢谢”，

如果我尝试用模态关闭来关闭模态表单，

success: function (data) {
 $('#login-container .login-loading').fadeOut(200, function () {
  $('#login-container .login-title').html('Thank you!');
  msg.html(data).fadeIn(200);
  $.modal.close(); //have inserted this line
 });
},

但我会留在主页上。 （用户在此阶段已登录，但尚未发生重定向）。

我已经研究这个问题一两天了。我查看了 WordPress 登录插件，但我一无所知。有什么想法吗？

Answer 1

实际上，重定向可能确实发生了，它只是发生在AJAX 请求内。当您进行重定向时，ajax 函数使用的 XmlHttpRequest 会透明地跟随它，因此返回到客户端的页面是 restricted/index.php。我倾向于做的是在那个页面上添加一个标题，如下所示：

header("Redirect:restricted/index.php");

然后使用 $.ajaxSetup()：

$.ajaxSetup({
  complete: function (xhr) {
    var redirect = xhr.getResponseHeader('Redirect');
    if(redirect) window.location.href = redirect;
  }
});

这样（除非您覆盖 complete，否则此选项会保持打开状态）返回的请求到达 restricted/index.php（记住 XmlHttpRequest 实际上去了那里），它将获得一个标头，让客户端知道它需要重定向。