javascript - 是否可以通过位置 : header with Javascript 停止浏览器重定向

Question

我有一个由 PHP 处理的表单，它通过使用 Location: header 将访问者重定向到第三方支付系统。表单处理速度很快，但当涉及支付系统(Paypal)时，建立 HTTPS 连接并完成重定向需要长达 3-5 秒的时间。

我试图通过显示带有“请稍候”消息的弹出窗口(JQuery Colorbox 插件)来改善访问者体验，如下所示:

$('a.submit').click(function(event) {
    event.preventDefault();
    $(this).colorbox({
        href: '#order_redirect',
        title: 'Sending data to a payment system',
        inline: true,
        fixed: true
    });
    $(this).closest('form').submit();
});

Colorbox 的默认行为是您可以按 Esc 并关闭弹出窗口。我想让用户这样做并通过回调函数停止重定向(Javascript 始终继续工作)。是否可以？浏览器实际收到 header 后可能需要几秒钟。

Answer 1

我很难测试这是否会停止重定向，但应该是一个好的开始。

$('a.submit').click(function(event) {
    event.preventDefault();
    $(this).colorbox({
        href: '#order_redirect',
        title: 'Sending data to a payment system',
        inline: true,
        fixed: true,
        onClosed:function() {
            history.go(-1);
        }
    });
    $(this).closest('form').submit();
});