History.js - Appeding для строки запроса без перезагрузки браузера

Question

Я хочу вручную обновить строку запроса url без перезагрузки браузера. По-видимому history.js https://github.com/browserstate/history.js/ выполняет эту работу.

Я прочитал несколько документов, но выглядит так, что эта структура делает намного больше, чем мне нужно, поэтому я смущен, как достичь своего простого требования.

Любой фрагмент кода, как его достичь?

Спасибо

Answer 1

Попробуйте это:

Использование history.pushState & history.replaceState методы

Например: http://html5demos.com/history

Answer 2

Вы можете использовать HTML5 History API (http://diveintohtml5.info/history.html). Например:

history.pushState(null, null, new_url); 

Вы можете изменить заголовок страницы тоже:

history.pushState(null, new_title, new_url); 

Answer 3

История JS обеспечивает совместимость с HTML4 для API истории HTML5, поэтому может показаться, что он может предлагать множество функций.

Если вам все равно, что браузер HTML5 (в основном IE10 и выше и большинство большинства других последних браузеров), то использование API истории HTML5 будет выполнять эту работу.

history.pushState(state, title, url); 
history.replaceState(state, title, url); 

Примечание: государство может принять объект или нуль название может принимать строку или нулевой URL должен принимать строку

История JS может также предоставляет варианты того, как можно манипулировать URL-адрес на основе состояния , Примерами могут быть ли вы использовать этот путь
URL "www.site.com/page1/sub-page" или
с помощью хешей "www.site.com/#/page1/sub-page"

Но это полностью зависит от того, что вы надеетесь достичь.