Добавить в журнал просмотра без перезарядки страницы

Question

В принципе, у меня есть страница, которая содержит форму. Когда пользователь отправляет эту форму, вызывается функция Javscript, и пользователь динамически представляется с новой формой.

На этом этапе я хочу, чтобы пользователь мог нажать кнопку возврата браузера и вернуться к первой форме. Это возможно?

---

Спасибо за быстрые ответы, но у меня возникли проблемы с запуском pushState. После нажатия кнопки «Назад» HTML по-прежнему отображается «вторая форма».

Вот код, который я использовал, чтобы проверить это:

<script> 
function newPage(){ 
    history.pushState({state:1}, "State 1", "?state=1"); 
    document.getElementById('formBox').innerHTML="second form"; 
} 
</script> 


<input type="button" onclick="newPage();" value="forward" /> 
<div id='formBox'>first form</div> 

Answer 1

var stateObj = { foo: "bar" }; 
history.pushState(stateObj, "page 2", "bar.html"); 

Соответствующие link to the docs.

Answer 2

я достиг подобного поведения с/государственных API, истории HTML5, используя History.js, описывается следующим образом:

Обеспечить крест совместимый опыт для всех браузеров HTML5 (все они реализуют API истории HTML5 немного по-другому, вызывая различные типы поведения, а иногда и ошибки. History.js исправляет это , гарантируя, что опыт такой же Ожидается,/то же/большой во всем браузеры HTML5)

Пример:

History.pushState({state:1}, "State 1", "?state=1");