我如何了解如何在 jQuery AJAX 应用程序中启用后退按钮？

我查看了这里所有最热门的问题，包括引用最流行插件（如 BBQ 和 jQuery Address）的问题。

然而，我缺少一些东西。我需要从我在这些项目中看到的任何事情中退一步进行指导。他们假设了一些我显然不具备的基本知识，并且我无法推断出示例中的每一行代码实际上在做什么。

我想做四件事：

1) 使前进按钮像在非 AJAX 应用程序中一样工作。
2) 使后退按钮像在非 AJAX 应用程序中一样工作。
3）将url反映在地址栏中，以便可以将其添加为书签。
4）生成深层链接，以便可以抓取AJAX内容。

仅此而已。其他任何事情都是多余的。这是一个 Rails 3.0.4 应用程序，我的链接的 href 均为“#”。单击其中一个链接会激活 application.js 中的一项功能，该功能将当前页面上的 div 中的 html 替换为从 .js.erb 文件呈现的部分创建的更多链接。

我有一个面包屑路径，效果很好，但是使用后退按钮会将您带到您在查看应用程序之前正在查看的任何网站。

所以我的一些问题是：

1) 我的每个链接是否都需要一个唯一的 href 值而不是简单的“#”？
2）我应该每次都替换那个div，还是简单地隐藏它并创建一个新的。如果是这样，每个新的 div 都应该有一个新的 id 吗？
3）由于目前地址栏中的 url 没有改变，并且这些 AJAX 请求都是 POSTS，我是否需要在 Rails 中执行任何操作才能使其响应这些新 URL 之一，这些新 URL 在访问时总是会触发 GET 请求通过浏览器历史记录或后退按钮？

这些是阻碍我解决现有问题的障碍。非常感谢您提供的任何帮助！

EDIT:

我的应用程序不是基于选项卡的。页面加载时并非所有锚点都可用。用户单击链接时会发生以下情况：

1) 隐藏表单中的字段填充有单击的链接的文本值。

2) 隐藏表单被序列化并通过 POST 传递到控制器操作。

3) 控制器操作确定谁发出了请求，找出他们有权访问哪些数据，并使用表单值（现在是参数）来检索对象列表。

4) 这些对象被传递到 .js.erb 视图模板，该模板又使用传递的值渲染部分内容。

5）新链接通过.js.erb模板中的js反弹。

基本上，由于我的数据不是静态的，我需要弄清楚如何使用表单状态重新生成 POST 请求，以便真正“返回”。或者可以以某种方式缓存表单状态和屏幕吗？

1) 我的每个链接是否都需要一个唯一的 href 值而不是简单的“#”？

是的，浏览器仅检测 URL 的变化。如果当前 url 是 foo.com/#，并且用户单击一个链接将他带到 foo.com/#，那么历史记录如何知道他去了任何地方？

因此，您可以在 # 之后添加唯一的文本。 foo.com/#home 和 foo.com/#about 将生成唯一的历史记录条目。然后，当用户为其中一个添加书签时，您可以解析 URL 的后半部分以找出他所在的位置。

2）隐藏和交换div，或者替换？

如果您不是每次都获取每个 div 的内容，您将节省流量开销。如果内容足够小，请将其全部放入页面中，然后隐藏/显示 div。如果内容很大，则仅在他们第一次单击时获取。即我在A上点击B，你应该隐藏A并发出ajax请求来获取B的内容，然后显示B。然后如果我点击返回A，你会显示已经存在的A并隐藏B。不需要当您已经拥有 A 时，再发出另一个服务器请求来获取 A。

3）由于目前地址栏中的 url 没有改变，并且这些 AJAX 请求都是 POSTS，我是否需要在 Rails 中执行任何操作才能使其响应这些新 URL 之一，这些新 URL 在访问时总是会触发 GET 请求通过浏览器历史记录或后退按钮？

新 URL 不会在每次使用后退按钮时触发 GET 请求。 # 风格的便利之处在于 # 之后的任何内容都不会发送到服务器。即，如果您访问 foo.com/bar.html#home，客户端会向 foo.com/bar.html 发出 GET 请求。然后，如果用户转换到 foo.com/bar.html#about，浏览器不会自行发出另一个请求。 # 最初是用来表示指向同一页面内内容的链接（即一个大文档，您可能希望有一个链接到每个章节顶部的索引）。