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://adhocery.blogspot.com/2011/02/javascripts-history-object-pushstate.html

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