Добрый день. Мне нужно при нажатии на кнопку назад или вперед, перейти в соответствующее место. Не знаю как это можно делать с помощь History API, перечитал кучу примеров, но никак не могу разобраться. Вот мой код :
$(document).ready(function() {
$('#login').on('click', showLoginForm);
$('#container').on('click', '#registration', showRegistrationForm);
});
function showLoginForm() {
var uri = $(this).attr('href');
//создаем новую запись в истории только когда кликаем по ссылке
history.pushState({uri: uri}, null, uri);
$.ajax({
url: '/site/login/',
type: 'POST',
success: function(response) {
$('#container').empty();
$('#container').html(response);
history.pushState({reload: '#container'}, 'login', '/site/login/');
}
})
}
function showRegistrationForm() {
$.ajax({
url: '/users/create',
type: 'POST',
success: function(response) {
$('#container').empty();
$('#container').html(response);
history.pushState({reload: '#container'}, 'registration', '/users/create');
}
})
return false;
}
При смене контента с помощь ajax, я запоминаю историю таким образом
history.pushState({reload: '#container'}, 'registration', '/users/create');
Но не знаю на сколько это правильно.
Помогите пожалуйста, если не сложно. Спасибо!