Как сделать подгрузку страницы?

Question

[Space]

Привет. Мне надо, чтобы шапка сайта не перезагружалась, а остальная часть сайта перезагружалась при переходе по самому сайту и урл записывался, а не тупо ajax подгрузка данных. Находил хорошую реализацию, но там все сделано для ЧПУ. Посоветуйте чего.

p.s. Сделал сайт, шапка это подключаемый файл на всех страницах и получается сайт как будто не перезагружается, или так и есть, но там часть меню подгружается все равно каждый раз.

Answer 1

[Петруша Укропов]

Самый простой вариант:

$('a.ajax').on('click', function(){
    var url = $(this).attr('href');
    $('#content').load(url);
    history.pushState(null, null, url);
    return false;
});

Comments

[Space]

@artishok и на каждую страницу?

[Space]

@artishok или в шапку? а в качестве #content что указывать?

[Петруша Укропов]

@ruslite каждой ссылке, которая должна открываться аяксом, указываете класс из примера. Content - это id контейнера, который должен перезагружаться, вы можете указать свой.

[Space]

@artishok это какой то странный способ. Я лучше своим бы воспользовался