Prevent ajax post when back button is pressed

Question

When the form is posted(ajax), I am navigating to other page and while pressing the back button, the form is again posted.

Is there any way to stop ajax post while clicking on back button in browser ?

I have used the below code to stop previous request, but after this back and forward button are disabled in the browser.

window.onpopstate = function (e) {}; history.pushState({}, '');

NOTE: I am getting this issue only in chrome and safari.

`onclick="history.back();event.preventDefault();"` – kgzdev Feb 01 '17 at 07:18 — kgzdev, Feb 01 '17 at 07:18
For which elements's onclick ? – D Aon Feb 01 '17 at 07:25 — D Aon, Feb 01 '17 at 07:25
This is best handled server-side. – CoolBots Feb 01 '17 at 07:39 — CoolBots, Feb 01 '17 at 07:39

score 1 · Answer 1 · edited May 23 '17 at 12:01

1

As this answer suggest suppose you have this ajax request

var xhr = $.ajax({
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  success: function(msg) {
    alert("Data Saved: " + msg);
  }
});

window.onpopstate = function(e) {
  //kill the request
  xhr.abort()
};
history.pushState({}, '');

edited May 23 '17 at 12:01

Community

1
1

answered Feb 01 '17 at 07:53

Parvez Rahaman

4,269
3
22
39

Prevent ajax post when back button is pressed

1 Answers1