Windows.history.back() + location.reload() jquery

Question

I've a probleme in my code. The aim is to complete a simple form, then you click on a submit button. It do an Ajax resquest to go in the method. On success in the ajax request, i use windows.history.back() to go to the previous page ans here i want to refresh this page, to refresh values which are modificated by the form ! Have you an idea about that ?

    $('#form_edit').submit(function (e)     {         e.preventDefault();         $.ajax({             url: $('#form_edit').attr('action'),             type: 'POST',             cache: false,             data: $(this).serialize(),             success: function (data) {                 if (data === true) {                     alert("Modification réussie !");                     window.history.back();                     location.reload(); <= on success i want to refresh previous page                 }                 else {                     alert("Modification échouée !");                 }             },             error: function ()             {                 alert("Modification échouée !");             }         })     }) 

Answer 1

window.history.back(); Sometimes it's an issue with javascript compatibility with ajax call or design-related challenges.

I would use this below function for go back with the refresh.

function GoBackWithRefresh(event) {     if ('referrer' in document) {         window.location = document.referrer;         /* OR */         //location.replace(document.referrer);     } else {         window.history.back();     } } 

In your html, use:

<a href="#" onclick="GoBackWithRefresh();return false;">BACK</a>` 

For more customization you can use history.js plugins.

Answer 2

This is the correct answer. It will refresh the previous page.

window.location=document.referrer;