Как мне реализовать навигацию по принципу «крошки», похожую на Facebook?

Question

Я пытаюсь создать веб-приложение Ajax, которое использует крошку хлеба, чтобы разрешить использование кнопок «Назад» и «Вперед», но при этом все еще имеет плавное движение страницы ajax.

Отличным примером является галерея изображений Facebook.

Когда вы нажимаете «Далее», URL-адрес изменяется на соответствующий URL-адрес, но вся страница не обновляется. Это действительно плавный интерфейс, и я хотел бы подражать этому.

Кто-нибудь получил учебное пособие / напишите, как это работает?

Спасибо.

Answer 1

Если вы используете jQuery, есть множество советов, задокументированных здесь: https://stackoverflow.com/questions/116446/what-is-the-best-back-button-jquery-plugin

Я лично использовал jQuery Адрес , и это очень просто и очень эффективно.

Answer 2

Насколько мне известно, есть два основных способа достижения этого эффекта:

1. Использование якорной части URL (#gallery)
2. Использование скрытого фрейма

Существуют готовые решения, которые можно использовать для использования такого рода функций без необходимости написания кода.Например, если вы работаете с asp.net, вы можете использовать Ajax History Control:

• http://www.asp.net/ajax/videos/how-do-i-use-the-aspnet-ajax-history-control

Answer 3

Если вы используете JQuery, посмотрите плагин Address.

http://www.asual.com/jquery/address/

Answer 4

Facebook использует URL-идентификатор привязки для хранения кода, необходимого для их кода AJAX.Это позволяет изменять URL-адрес без перезагрузки веб-сайта.

Пример: http://somedomain.com/#ajax_data_here

Теперь вам нужно написать умный формат для ваших данных ajax и проанализировать эти данные.

---

Обновление от декабря 2012 года:

Недавно я столкнулся со следующим методом изменения пути в URL-адресе без перезагрузки.Хотя он работает только с новыми браузерами, я решил добавить его:

• Изменить URL-адрес без перезагрузки страницы