javascript - 如何实现类似于 Facebook 的面包屑导航?

标签 javascript ajax

我正在尝试制作一个 Ajax Web 应用程序,该应用程序使用面包屑来允许使用后退和前进按钮,但仍具有流畅的 ajax 页面移动。

Facebook 的图片库就是一个很好的例子。

当您单击“下一步”时,URL 会更改为相应的 URL,但不会更新整个页面。这是一个非常流畅的界面,我想模仿它。

有人有关于它如何工作的教程/文章吗?

谢谢。

最佳答案

Facebook 使用 URL-Anchor-Identifier 来存储他们的 AJAX 代码所需的代码。这允许在不重新加载网站的情况下更改 URL。

示例:http://somedomain.com/#ajax_data_here

现在轮到您为 ajax 数据编写智能格式并解析该数据了。


2012 年 12 月更新:

我最近遇到了以下无需重新加载即可更改 URL 内路径的方法。虽然它只适用于较新的浏览器,但我想我会附加它:

关于javascript - 如何实现类似于 Facebook 的面包屑导航?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4361704/

相关文章:

javascript - node.js 导出模块函数

javascript - 如何在javascript中调整Base64图像的大小

javascript - CKEditor 将表单/输入添加到工具栏

php - Laravel 5.1 使用 ajax 调用在数据库中保存一些东西

php - jQuery 到 PHP 又回来了!

javascript - AngularJS 和 REST 资源命名疑惑

javascript - 使用 jquery ajax post 方法从 php 脚本获得意外结果

html - 如何通过ajax从url中的google图表发送值?

javascript - 使用 php 的倒计时器来激活按钮点击

javascript - 在同一个函数中进行两次调用