我需要修改所有链接才能使用 ajaxify 这个网站吗？

Question

我使用ajax（通过jquery）而不是全页刷新构建了此网站。目前，它不支持浏览器的后退/下一步按钮，也不支持深层链接书签。 我想实现这些功能，例如使用 jquery bbq 插件，但是我不确定我是否完全理解这个概念。

我缺少的要点是：我需要修改所有链接吗？

例如，采用以下 url：

http://example.com/projects/title-of-project/visuals/video/

我的应用程序将 url 转换为这些变量：

section = projects
item= title-of-project
content=visuals
id=video

php 脚本检测这是 ajax 调用（因此仅返回视频 html）还是非 ajax 调用（因此返回整页 html，其中包含视频里面的代码）。

如果我使用哈希值，浏览器将不会发送变量。正确的？

我有点迷失，所以如果您需要更多详细信息，请随时发表评论。

Answer 1

基本上，哈希永久链接的工作方式如下：

1. 用户单击链接，这会对其他 URL 进行 AJAX 调用。
2. 单击事件告诉历史管理代码（如 BBQ 插件）更新哈希值，即 URL 中井号字符 (#) 之后的部分。
3. 历史管理代码确保当用户单击后退或前进按钮时，浏览器哈希会更改为其上一个或下一个状态。
4. 当历史管理代码认为哈希已更改时，它会触发一个事件。
5. 您的应用程序响应该事件并使用浏览器哈希确定从哪个新 URL 获取内容。

例如，假设您网站上的链接使用 AJAX 从 http://example.com/some/path 加载内容。当用户单击链接时，浏览器 URL 可能是 http://yoursite.com/#some/path。单击另一个链接时，哈希值可能会更改为#some/other/path。当用户点击后退按钮时，哈希值应返回到#some/path。然后，您的应用程序将获取当前哈希，然后使用 AJAX 相应地加载 http://example.com/some/path。

因此，AJAX 从中获取内容的 URL 不必更改。这有道理吗？我可能误解了你的问题。