Ajax后退按钮jquery - 需要一步一步的完整示例答案

【问题标题】：Ajax back button jquery - Need full example step by stepAjax后退按钮jquery - 需要一步一步的完整示例
【发布时间】：2023-04-02 04:40:02
【问题描述】：

我需要帮助支持使用 jquery ajax.load 方法的后退按钮。

我已经尝试了几个插件，但我无法让它们中的任何一个工作。

我正在像这样加载我的内容：

 $('.pagination a').click(function(){        
            var url = $(this).attr('href');
            ajaxLoad(url,null,'.container');   
            return false;
        });

注意：ajaxLoad函数执行jquery加载方法。

非常感谢您的帮助。

【问题讨论】：

恐怕你的问题不是很清楚。也许您可以尝试更好地解释您要做什么。
嗯，有某种新闻门户，新闻是分页的（使用 ajax 加载下一页，就像我在代码中显示的那样（页面链接是从 php 生成的。我需要允许后面按钮，以便浏览新闻的用户可以使用浏览器返回按钮返回上一页。

标签： hash button jquery history back

【解决方案1】：

对于 ajax 中的后退按钮，您可以通过 Anchor 保存页面状态，在每次加载时您更改 url 锚点（称为页面书签）例如：

www.yoursite.com/page.aspx
//Load Article number 1
www.yoursite.com/page.aspx#art1
//Load Article number 2
www.yoursite.com/page.aspx#art2

您可以使用 window.location 更改它

当您查看 url 时，您会在 Gmail 中注意到这一点阅读有关使用 ajax 的锚点的更多信息

【讨论】：

是的，我知道这个理论，但我在实践中遇到了麻烦。