History API + jQuery кнопки "назад" и "вперед"

@PonTi · Регистрация: 10.02.2009

Author24 — интернет-сервис помощи студентам

Добрый день. Мне нужно при нажатии на кнопку назад или вперед, перейти в соответствующее место. Не знаю как это можно делать с помощь History API, перечитал кучу примеров, но никак не могу разобраться. Вот мой код :

Javascript

$(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, я запоминаю историю таким образом

Javascript

1 2	history.pushState({reload: '#container'}, 'registration', '/users/create');

Но не знаю на сколько это правильно.
Помогите пожалуйста, если не сложно. Спасибо!

@dolte · 26.04.2013, 23:14

Это не тот раздел, вам сюда - https://www.cyberforum.ru/javascript-jquery/

@PonTi · 27.04.2013, 00:19 **[ТС]**

Это не тот раздел, вам сюда - https://www.cyberforum.ru/javascript-jquery/

Нет, я думаю что как раз по адресу, ведь History API это HTML5. А мне на данный момент интересует именно он.

Vovan-VE · 27.04.2013, 07:29

Не по теме:

Сообщение от PonTi

ведь History API это HTML5

Ведь API - это программирование, а не разметка.

@PonTi · 27.04.2013, 16:52 **[ТС]**

Сообщение от Vovan-VE

Не по теме:

Ведь API - это программирование, а не разметка.

Извините за недопонимание.
Но может кто нибудь поможет ?

@dolte Человек 331 / 205 / 63 Регистрация: 04.02.2013 Сообщений: 1,223
	26.04.2013, 23:14	2
	Это не тот раздел, вам сюда - https://www.cyberforum.ru/javascript-jquery/ 0

@PonTi 4 / 4 / 0 Регистрация: 10.02.2009 Сообщений: 118
	27.04.2013, 00:19 [ТС]	3
	Это не тот раздел, вам сюда - https://www.cyberforum.ru/javascript-jquery/ Нет, я думаю что как раз по адресу, ведь History API это HTML5. А мне на данный момент интересует именно он. 0

Vovan-VE
	27.04.2013, 07:29 #4
	Не по теме: Сообщение от PonTi ведь History API это HTML5 Ведь API - это программирование, а не разметка. 0

@PonTi 4 / 4 / 0 Регистрация: 10.02.2009 Сообщений: 118
	27.04.2013, 16:52 [ТС]	5
	Сообщение от Vovan-VE Не по теме: Ведь API - это программирование, а не разметка. Извините за недопонимание. Но может кто нибудь поможет ? 0