如何使用 ajax 和 jquery 输出内容和重定向？

Question

我正在使用 jquery 构建一个注册表单，它应该通过 Ajax 处理请求。 我的代码：

$.ajax( 
{ 
    type: "POST", 
    url: "http://www.example.com/register.php", 
    data: $("#register-form").serialize(),
    cache: false,
    success: function(message)
    {   
                    $("#reg_notification").html(message).fadeIn(400);               
    }           
});

现在，如果电子邮件地址无效，则 register.php 应该输出错误，并将其放入 div reg_notification 中。如果没有出现错误，则应将用户重定向到“欢迎页面”。但重要的是这个页面并不总是静态的，所以换句话说，我不能在 jquery 代码中使用 location.href 但想使用

header("Location: http://www.example.com")

在 PHP 中。问题是用户不会被重定向，但www.example.com 的内容将被放入 div reg_notification 中。

我在这里发现了一个类似的问题：How to manage a redirect request after a jQuery Ajax call，但不同之处在于他们使用的是 json，由于我的服务器，我无法使用它，而且它们也在 javascript 内部而不是 php 文件中重定向。

Answer 1

标头重定向不可能。

使用类似的东西：

...
success: function(message)
{   
     $("#reg_notification").html(message)
          .fadeIn(400, function() {window.location = "url"});
}

或

success: function(response)
{   
     if (response.success) {
          $("#reg_notification").html(response.message)
               .fadeIn(400, function() {window.location = response.redirectTo; } );
     } else {
          // somethings else
     }
}   

在 php 中：

header("Content-type: application/json");
echo json_encode(array(
    "success" => true,
    "message" => "some message",
    "redirectTo" => "my url"
));

更新 标头重定向不可能，因为 XMLHttpRequest 透明地跟随重定向 url 以获得结果。见there