javascript - jquery ajax 后调用、ajaxify 历史和后退按钮

Question

我在 jquery 函数中进行了 ajax 调用，我使用放置在 div 上的 onClick 选项进行调用。示例:

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

函数看起来像这样:

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

现在我想让浏览器后退按钮起作用，打开上一页(ajax 内容)。我在谷歌上搜索并尝试了多个脚本，如 ajaxify 和 history.js 等等，但我就是无法让它工作。

我不知道我是否不知道如何正确使用 ajaxify，或者它是否只适用于这种方法。

谁能帮帮我？

Answer 1

使用带 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