MIN_MAX 18 февраля 2023, в 19:10

Рейтинг: 55

[i] [!] (18 фев 2023, в 17:37)
спросил про динамические переходы по сайту и получил ответ

// Знаходимо всі посилання, які мають клас "dynamic-link"

 const links = document.querySelectorAll(".dynamic-link");

 

 // Додаємо обробник подій на кожне посилання

 links.forEach(link => {

   link.addEventListener("click", e => {

     e.preventDefault(); // Зупиняємо дію стандартного посилання

     const href = link.getAttribute("href"); // Отримуємо атрибут href

     const target = link.getAttribute("target"); // Отримуємо атрибут target

     // Завантажуємо сторінку за допомогою AJAX-запиту

     fetch(href)

       .then(response => response.text())

       .then(data => {

         // Записуємо отримані дані в те саме вікно або в нову вкладку

         if (target === "_blank") {

           window.open(href);

         } else {

           history.pushState({ page: href }, "", href);

           document.body.innerHTML = data;

         }

       })

       .catch(error => console.error(error));

   });

 });

 

 // Додаємо обробник події на кнопку "назад"

 window.addEventListener("popstate", e => {

   if (e.state && e.state.page) {

     fetch(e.state.page)

       .then(response => response.text())

       .then(data => {

         document.body.innerHTML = data;

       })

       .catch(error => console.error(error));

   }

 });