JavaScript | Помогите по ajax
есть js код
делайю ajax переходы. нужный юрл
открывается браузером, все работает до этого момента
$('title').text(data.title); // не обновляется title
$('body').html(data.body); // не обновляется body
$('html').animate({scrollTop: 0}, 500); //не происходит анимации
jquery подключен
// переход по ссылке, навигация
$('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) {
}
});
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 ?
Стр.: 1, 2