付款后在浏览器中单击后退按钮可返回到其他页面

Question

I heard that this is bad idea but I'll try to explain what I want to achieve:

On my site a user fills some information and then goes to another service which handles user payment. So after the user pays using credit card he got redirected to special $successUrl again to my site where he sees successful payment message. My boss wants that after payment if the user clicks back button (being on success page) instead of going to payment service again he have to be redirected to main page.

How to achieve that? I can't thought of a good solution. Only something like catch back button event on this page and redirect to index page

Answer 1

I think the only way to to it is with javaScript

You can bind to "navigate" event .

$(window).on("navigate", function (event, data) {
  var direction = data.state.direction;
  if (direction == 'back') {
    window.location.href='http://google.com';
    event.preventDefault();
  }
});

Answer 2

You can make the success page, let's call it SuccessRedirect , redirect the browser (using javascript or HTML meta header, you can't use a HTTP header) to another page, SuccessActual , that displays the success message.

On the first visit to SuccessRedirect page set a cookie, so that if someone visits it the second time (ie after clicking the Back button) and the cookie is already set, instead of redirecting to SuccessActual it redirects to the homepage.

The cookie name should include some kind of payment transaction id, so that you display the success page for every payment transaction.

It's a bit hacky and it won't work if someone quickly clicks 'Back' multiple, but hey, it might work well enough.