1

I have a form processed by PHP that redirects visitors to a third-party payment system, through the use of the Location: header. The form is processed quickly, but when it comes to a payment system (Paypal), it takes up to 3-5 seconds to establish HTTPS connection and complete the redirection.

I'm trying to improve visitor experience by displaying a popup (JQuery Colorbox plug-in) with a "Please wait" message, like this:

$('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();
});

Default behavior of Colorbox is that you can press Esc and close the popup. I want to let the user do that and stop the redirection via a callback function (Javascript continues working for the whole time). Is it possible? It may be seconds after the browser actually receives the header.

Best
  • 71
  • 4

2 Answers2

0

It's hard for me to test if this stops the redirection, but should be a good start.

$('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();
});
sissonb
  • 3,730
  • 4
  • 27
  • 54
0

stop the redirection via a callback function

I do not think this is possible. The best you would be able to do would be to change the location back to the current page or use location.reload(). However, if you were submit the form via ajax, you would be able to abort it:

Abort Ajax requests using jQuery

Community
  • 1
  • 1
Jack
  • 9,448
  • 3
  • 29
  • 33