Get Ajax Previous Request with Browser Back Button

Question

I’m facing a situation with Ajax request on back button.

I created a form which posts values and returns results via ajax request according the given filters and loads on a specific div. When I click on any of the link on page, it opens the new url as expected. On clicking on browser back button it opens the previous form page with default values. How can I enable browser state functionality so that I have results with last posted values with browser back button. Note that type of ajax is POST.

One solution I got is that to modify this form type to GET instead of POST, but this would take much time to do changes in server side code.

var page_url = $(this).attr('href');
page_url = page_url.split(':');
var page = page_url['1'];

$form = $('#form);

        $.ajax({
        type: 'POST',
        data: $form.serialize(),
        url: webroot + 'controller /action/page:'+page
        }).done(function (result){
})

I want to know the possible solution.

Answer 1

you can use Jquery .unload() function or try cookies you could read it from here How do I set/unset cookie with jQuery?