如何获取“位置”带有 jQ​​uery 的 $.post 函数的标头？

Question

我正在尝试创建一个可以处理表单的弹出框（使用 jQuery），并且在大多数情况下，我都可以正常工作。我遇到的唯一问题是，在成功登录和/或注册后，PHP 会发送一个标头位置以将用户重定向到他们的“主页”，并且它会在我加载表单的 div 中创建无限的重定向循环。

如果 post 请求中发送了 location 标头，我将如何读取，然后获取作为新 location 发送的实际 URL？

这是我到目前为止所尝试过的（除其他外）：

$('.register').live('submit', function(e) {

    e.preventDefault();

    var form_data = $(this).serialize() + '&register=register&js=true';

    $.post(site_path + '/register', form_data, function(data, text, xhr) {

        alert(xhr.getResponseHeader("Location"));

        // $('.overlay_container').html(data);

    });

});

不确定我到底做错了什么，但据我所知，沿着这些思路的东西应该有效。我还尝试使用普通的 AJAX post 请求来执行此操作，但没有得到预期的结果。

请注意，不会总是发送位置标头；仅当有人成功登录、注册等时。

理想情况下，这就是我想要实现的目标：

$('.register').live('submit', function(e) {

    e.preventDefault();

    var form_data = $(this).serialize() + '&register=register&js=true';

    $.post(site_path + '/register', form_data, function(data, text, xhr) {

        var header_location = xhr.getResponseHeader("Location");

        if(header_location == null) {

            $('.overlay_container').html(data);

        }else{

            window.location = header_location;

        }

    });

});

Answer 1

据我所知，您实际上无法读取 Location 标头，因为 JavaScript 会跟随它，直到它们停止，然后将 headers 发回，这意味着我得到了标头目标页面，而不是最初发布到的页面。

因此，我编辑了 PHP 脚本中的重定向函数，以便在使用 JavaScript（或 jQuery）请求页面时发送自定义标头。

public function redirect($redirect = NULL) {

    global $_CONFIG;

    if($_POST['js'] == 'true') {

        exit(header('Redirect: ' . $_CONFIG['site']['path'] . '/' . $redirect));

    }else{

        exit(header('Location: ' . $_CONFIG['site']['path'] . '/' . $redirect));

    }

}

这样我就可以读取重定向是否实际发送，并在 JavaScript (jQuery) 端正确处理它。

最终结果如下：

$('.popup').on('submit', '.register', function(e) {

    e.preventDefault();

    var action = $(this).attr('action'), form_data = $(this).serialize() + '®ister=register&js=true';

    $.post(action, form_data, function(data, text, xhr) {

        var header_location = xhr.getResponseHeader('Redirect');

        if(header_location == null) {

            $('.overlay_container').html(data);

        }else{

            window.location = header_location;

        }

    });

});