Возможно ли изменять ЧПУ страницы без перезагрузки всей страницы с категориями товаров с помощью многоуровнего AJAX фильтра категорий?

Question

[Slava90]

Возможно ли изменять ЧПУ страницы без перезагрузки всей страницы с категориями товаров с помощью многоуровнего AJAX фильтра категорий?

Например:


example.com/каталог
example.com/чехлы-для-iphone-6
example.com/чехлы-из-пластика-для-iphone-6
example.com/желтые-чехлы
example.com/желтые-чехлы-из-пластика-для-iphone-6



То есть мне необходимо иметь один уровень в URL.

Answer 1

[Иван Гонтаренко]

$('a.target_link').click(function() {
	if ( this.href != location.href ) {
		if( typeof window.history.pushState != undefined ) {
			history.pushState( null, null, this.href );
		}
		$.ajax({
			method		: 'get',
			url			: this.href,
			success		: function( response ){
				$('#content').html( response );
			}
		});
	}
	return false;
});

меняем URL страницы, без перезагрузки страницы

Comments

[Slava90]

А поисковики смогут найти эти URL?

[Иван Гонтаренко]

да, вполне.
делаете ссылки обычного вида

<a href="каталог" class="target_link">каталог</a>
<a href="чехлы-для-iphone-6" class="target_link">чехлы-для-iphone-6</a>
<a href="чехлы-из-пластика-для-iphone-6" class="target_link">чехлы-из-пластика-для-iphone-6</a>

только есть минус, если браузер не поддерживает window.history.pushState ссылки не станут меняться. предлагаю прочесть habrahabr.ru/post/123106

[Иван Гонтаренко]

javascript.ru/forum/project/21077-history-rassshir...
возможно это решит вопрос с браузерами которые не поддерживают window.history.pushState

Answer 2

[Sali_cat]

Это очень плохо.. Я тоже думал что если играть на 2х уровнях будет супер, не фига.

Comments

[Sali_cat]

+ разницы в сео не какой, даже в -. Поддержка, не везде работает. Нагрузка и многое другое. Не говоря уже о реализации.