Jquery ajax post call, ajaxify history and return button

Question

I have ajax calls made in jquery functions that I call with onClick options placed on a div. Example:

<div class='basic' onClick='example( <?php echo numberIwant ?> )'> example </div>

and functions that look like this:

function example(ID){
    $.ajax({
        type: "POST",
        url: "example.php",
        data: "ID="+ID, success: function(msg){$("#main").html(msg);}
    });
}

Now I want the browser return button to work to open the previous page (ajax content). I googled and tried several scripts like ajaxify and history.js, and so on, but I just can't get it to work.

I don’t know if I can either not know how to use ajaxify correctly, or just work with this method.

Can anyone help me?

Answer 1

backgutton w/AJAX . , HTML5 history.pushState, , (, ).

:

http://diveintohtml5.info/history.html

http://adhockery.blogspot.com/2011/02/javascripts-history-object-pushstate.html

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history