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

jquery ajax post call，ajaxify history和back按钮

1 个答案: