Как правильно работать с HTML5 history?

Question

[Андрей]

День добрый!
Есть цель, построить правильное html5 приложение с поддержкой history, но есть один момент – history должно работать только на странице каталога. Делается для интернет-магазина.
То есть постраничная навигация в каталоге, фильтр и открытие товаров.
Пока планируется только здесь. Про плагин от автора хабра для html5 history знаю, интересен сам подход.
Спасибо!

Answer 1

[RubaXa]

О каком подходе вы говорите? Тут же всё просто: перехватываем события с определенных ссылок и отменяем действие по умолчанию, делегируем обработку URL роутеру, который в зависимости от маршрута подгружает данные и обновляет связанные с ними view. Так же роутер должен «висеть» на событии popstate для обработки back/forward.

Если прям совсем просто, то так: codeo.me/5rx

Comments

[Андрей]

Спасибо! и то, и не то. Слишком простой пример. это-то реализовать очень просто.

[RubaXa]

А что вы хотите? Дальше только сложней, взять нормальный роутер, тягать от сервера только данные и редерить их используя какой-нибудь шаблонизатор.

[Андрей]

Да вот, дальше вопрос - как комбинировать нормальный history.back и popstate

[RubaXa]

Я не понимаю вашего вопроса :] Что значит комбинировать back и popstate? popstate — это следствие back или forward. Если вы говорите про «history должно работать только на странице каталога», то даже в моём микро примере это именно так, события перехватываются только с определенных ссылок. Если нужна совсем точечная настройка, то можно лепить к ссылка какой-нибудь класс или атрибут, на который будет ориентироваться обработчик, который перехватывает клики.