JavaScript | Помогите по ajax
)(aOS
есть js код делайю ajax переходы. нужный юрл открывается браузером, все работает до этого момента $('title').text(data.title); // не обновляется title $('body').html(data.body); // не обновляется body $('html').animate({scrollTop: 0}, 500); //не происходит анимации jquery подключен
honer javascript
// переход по ссылке, навигация $('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; }); // завершение функции
https://turbo.hotwired.dev/
Используй это, очень удобная вещь
Используй это, очень удобная вещь
И как же этим воспользоваться? Что нужно скачать
Galtsev.T , И как же этим воспользоваться? Что нужно скачать
Переименуйте топик на Помогите по мертвому jQuery
Temma
Ни какой он не мертвый, очень удобно страницу
Там же описаны варианты установки 🤔
У тебя не используется метод переходов $.ajax({
url: '',
method: 'get',
cache: false,
success: function(date) {
}
});
Ragnar Lodbrok url: '',
method: 'get',
cache: false,
success: function(date) {
}
});
И ещё один момент чтобы всё работало нужно установить на клик родителя тоесть блок куда всё загружается
javascript
// переход по ссылке, навигация $('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; }); // завершение функции Стр.: 1, 2