0

С главной страницы сайта перехожу на страницу с категориями, где товар прогружается ajax-ом. Также на странице есть пагинация. При переходе между страницами в пагинации, формирую запрос ajax и вызываю функцию history.pushState(), где передаю текущий урл страницы:

function loadProducts() {
       //Загрузка товаров
        history.pushState(null, null, url);
    }

 $(window).bind("popstate",function(event){
        currentPage();//Парсим текущий url для получения страницы
        loadProducts();
    });

Не получается перейти на главную. Как это сделать? Почему можно перейти только на одну страницу назад?

2
  • Ничего не понятно. Где не получается? О какой одной странице назад речь? Что такое currentPage? Зачем loadProducts вызывается при событии popstate?
    – andreymal
    12 апр 2020 в 21:20
  • товары загружаются не все на страницу каталога, поэтому я использую пагинацию. Так как если нажать кнопку назад в браузере, то мы вернемся на предыдущую страницу в пагинации и необходимо опять загрузить товары. 12 апр 2020 в 21:26

1 ответ 1

0

history.pushState(), по сути ничгего сама не делае, а играет с кэшом. По сути вы можете использовать barba js или pjax, но это так себе варианты, сейчас используют реактивные фремворки vue js или react . Но там проблемы с индексированием. В вашем случае необходим подгрузить данные, а потом к ним обращаться

2
  • barbara.js => barba.js 13 апр 2020 в 2:16
  • спвсибо просто не пользуюсь в памяти заело barbara.js
    – Vadim
    13 апр 2020 в 4:49

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.