Предотвращение ввода ajax при нажатии кнопки «Назад»

Question

Когда форма отправлена ​​(ajax), я перехожу на другую страницу и, нажимая кнопку «Назад», форма снова отправляется.

Есть ли способ остановить запись ajax при нажатии на кнопку «Назад» в браузере?

Я использовал приведенный ниже код, чтобы остановить предыдущий запрос, но после этого в браузере отключены кнопка «Назад» и «Вперед».

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

Примечание: Я получаю этот вопрос только в chrome и safari.

Answer 1

Как this answer предлагают предположим, что этот запрос Ajax

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