d0ublezer0

Ajax со сменой адресной строки - как сделать такое?

Recommended Posts

Я видимо безнадёжно устарел, подскажите как реализуется такое поведение?

пример реализации (любой товар):

https://www.citilink.ru/catalog/computers_and_notebooks/hdd/hdd_in/385631/

при клике на заголовки табов Характеристики, Сопутствующие товары, Обзоры, Отзывы, Вопрос-ответ меняется содержимое - это понятно как сделать, видно из кликабельного элемента

<a class="pseudo product_link__js" href="https://www.citilink.ru/catalog/computers_and_notebooks/hdd/hdd_in/385631/aksessuary/" data-meta-title="Аксессуары для жесткий диск SEAGATE Skyhawk ST4000VX007 купить в интернет-магазине СИТИЛИНК" data-meta-description="Аксессуары для товара жесткий диск SEAGATE Skyhawk ST4000VX007 купить в интернет-магазине СИТИЛИНК. Мы осуществляем доставку по Москве и России." data-h1="Аксессуары для жесткий диск SEAGATE Skyhawk ST4000VX007" data-tab-name="Сопутствующие товары">Сопутствующие товары</a>

А как добиться смены адресной строки без перезагрузки?

Да к тому же получается, все ссылки aksessuary, otzivy и т.д. являются виртуальными, получается? Но при этом они доступны по прямому url, переключаясь на нужную вкладку

Ткните носом, где почитать на эту тему, пожалуйста?

Share this post


Link to post
Share on other sites
$('.product_link__js').on('click',function(){
	history.pushState(null, null, $(this).attr('href'));
  //скорее всего здесь так же понадобится $.post(url,post,function(){...}); чтобы подгрузить что нужно
	return false;
});

 

Share this post


Link to post
Share on other sites

Ага, понятно теперь.

А как добились ответа страниц? 

можно ведь сделать urlrewrite например при обращении к 
урл-страницы-товара.html?aksessuary (с параметром)

показывать в адресной строке урл-страницы-товара.html/aksessuary, а загружать через кусок страницы аяксом основываясь на переданном параметре

правильно мыслю?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,293
    Total Members
    3,128
    Most Online
    Foxyded support
    Newest Member
    Foxyded support
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.