Изменения Url строки без перезагрузки страницы

Немногие знают, что url в адресной строке браузеро можно поменять средствами javascript очень просто:

window.history.pushState({path:'usefuldevops_new_state/'},'','usefuldevops_new_state/');


Можно попробовать прямо сейчас в FireBug.

Пойдем немного дальше и повесим jquery обработчик на это событие, для выполнения ajax запроса:

$(window).bind('popstate', function() {
    $.ajax({url:location.pathname, success: function(data){
        $('#content').html(data);
    }});
});


С помощью суммарно 6 (шести) строк javascript можно организовать простейшую ajax навигацию, сделать приятную замену хешам урлов или же для SEO.
Теги:
Изменения Url
Добавлено: 01 Марта 2015 09:56:04 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...