用于控制 ajax 负载的后退和前进按钮

Question

大家好，

我正在寻找一种解决方案，让后退和前进按钮控制我的 ajax 调用历史记录。

所以，如果我进行 ajax 调用，然后按“返回”，我想重新加载原始页面。

如果我进行了一次 ajax 调用，然后又进行了一次，然后按下返回按钮，我想再次进行第一次 ajax 调用。

等等...（即如果我现在按下前进按钮，第二个 ajax coll shell 将被重做 ;-)）

谢谢

更新

嗯，我用一个名为jQuery Address 的非常好的 jquery 插件解决了整个问题，而且效果很好。

问题是，我在原始网站上遇到问题。我导航到mysite.foo/step1，然后我触发了一个ajax调用，然后我登陆maysite.foo/step1#/#step2，当我现在按下后退按钮时，我的内容（第2步）留在那个网站上，我无法获得关于我原来的信息登陆页面，重新加载...

修正：我有一个数组，用于存储由 step2 索引的 ajax 调用。

step1 : {id: 1, url: /ste1.php, ... },
step2 : {id: 2, url: /step2.php, ... },...

还有一个同样设置哈希的函数调用 ajax 请求。

Answer 1

您应该将您的 ajax “状态”保存在文档位置哈希（即 http://page-url#ajax-state ）中。

如果只修改哈希组件，浏览器不会重新加载页面，但浏览器历史记录会记录 URL 的更改。因此，当您按下返回时，您将能够根据存储在文档哈希中的信息重新播放 ajax 调用。

另请参阅此问题： Detecting Back Button/Hash Change in URL