HTML5 история APi

Question

Как использовать HTML5 истории API.Я прошел через https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history. Это смутило меня.Все, что я хочу, это изменить URL-адрес при вызовах ajax, чтобы, когда пользователь нажимал кнопку возврата, он получал предыдущее состояние.

Также я хотел бы знать, что это ямы.Когда использовать, а когда не использовать.Как лучше всего использовать с jquery

Answer 1

Вот лучшие ресурсы, с которыми я столкнулся (включая тот, который вы уже упомянули, и пример рабочего кода):

• MDC: управление историей браузера - очень простой нативный пример
• Погружение в HTML5: управление API истории HTML5 для удовольствия и получения прибыли - хорошее введение
• Интеллектуальная обработка состояний: - статья о hashbangs VS хешах VS API истории HTML5 - предоставляет рабочие решения кода.
• Ajaxify веб-сайт с API истории HTML5 с использованием History.js и ScrollTo - пример рабочего кода

Что касается ловушек, дайте ссылку «Интеллектуальная обработка состояний». Что касается обратной совместимости, существует History.js , который исправляет ошибки браузеров и предоставляет необязательный запасной вариант HTML4-хеша.

Answer 2

Я думаю, что бесплатная онлайн-книга Погружение в HTML5 , как правило, является отличным источником описания новых функций HTLM5. В нем есть глава о новом элементе истории, Управление историей для развлечения и прибыли .

Резюме заключается в том, что это не просто онлайн-лайнер, чтобы сделать эту работу правильно. Когда вы фальсифицируете загрузку новой страницы с помощью AJAX, вы также должны фальсифицировать загрузку предыдущей страницы, когда пользователь нажимает кнопку возврата.