KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
Пиратская ферма, заходи, новичок
ЗАРАБОТО В ТГ БЕЗ ВЛОЖЕНИЙ
WorldByte - Наш хостинг - партнер

Топ дня: Jack Sparrow

есть js код

// переход по ссылке, навигация

 $('body').on('click','.ajax', function() { // клик по ссылке .ajax

 $('body').addClass('click'); // определение класса тела

 var path = $(this).attr('href'); // определение ссылки

 path.replace('/','-'); // обработка ссылки

 $.ajax({ url: path, // передача ссылки

 success: function(data){ // удачное выполнение запроса

 history.pushState(null, null, path); // запись пути в историю

 $('title').text(data.title); // обновление заголовка страницы

 $('body').html(data.body); // обновление тела страницы

 $('body').removeClass('click'); // удаление класса

 $('html').animate({scrollTop: 0}, 500); }, // скроллинг в начало страницы

 error: function() {alert(0);  // неудачное выполнение запроса

 $('body').removeClass('click'); // удаление класса

 $(location).attr('href', '/'); } // переадресация на главную

 }); return false; }); // завершение функции

 

делайю ajax переходы. нужный юрл
открывается браузером, все работает до этого момента

$('title').text(data.title); // не обновляется title
$('body').html(data.body); // не обновляется body
$('html').animate({scrollTop: 0}, 500); //не происходит анимации
jquery подключен

https://turbo.hotwired.dev/
Используй это, очень удобная вещь

И как же этим воспользоваться? Что нужно скачать

Galtsev.T , И как же этим воспользоваться? Что нужно скачать

Переименуйте топик на Помогите по мертвому jQuery

Ни какой он не мертвый, очень удобно страницу

Там же описаны варианты установки 🤔

У тебя не используется метод переходов $.ajax({
url: '',
method: 'get',
cache: false,
success: function(date) {

}
});

И ещё один момент чтобы всё работало нужно установить на клик родителя тоесть блок куда всё загружается

// переход по ссылке, навигация

 $('body').on('click','.ajax', function() { // клик по ссылке .ajax

 $('body').addClass('click'); // определение класса тела

 var path = $(this).attr('href'); // определение ссылки

 path.replace('/','-'); // обработка ссылки

 $.ajax({ url: path, // передача ссылки

 method: "GET",

 cache: false,

 dataType: "html",

 success: function(data){ // удачное выполнение запроса

 history.pushState(null, null, path); // запись пути в историю

 //$('title').text(data.title); // обновление заголовка страницы

 //$('body').html(data.body); // обновление тела страницы

 $('body').removeClass('click'); // удаление класса

 document.getElementById('div_for_insert').innerHTML = data;

 $('html').animate({scrollTop: 0}, 500); }, // скроллинг в начало страницы

 error: function() {alert(0);  // неудачное выполнение запроса

 $('body').removeClass('click'); // удаление класса

 $(location).attr('href', '/'); } // переадресация на главную

 }); return false; }); // завершение функции

Теперь код такой, он начал работать, но теперь при ajax переходе в тег body записывается весь документ с head, как из переменной data вычислить, то что в теге body ?