Показать сообщение отдельно
  #10 (permalink)  
Старый 24.03.2022, 17:49
Кандидат Javascript-наук
Отправить личное сообщение для firsmember Посмотреть профиль Найти все сообщения от firsmember
 
Регистрация: 08.11.2019
Сообщений: 113

Вот такой AJAX код у меня
jQuery(function($){

	// AJAX загрузка страниц/записей WP 
	$('.btn-loadmore').on('click', function(){
		let _this = $(this);
		_this.html('<span class="fas fa-redo fa-spin"></span> Загрузка...'); // изменение кнопки 

		let data = {
			'action': 'loadmore',
			'query': _this.attr('data-param-posts'),
			'page': this_page,
			'tpl': _this.attr('data-tpl')
		}

		$.ajax({
			url: '/wp-admin/admin-ajax.php',
			data: data,
			type: 'POST',
			success:function(data){
				if (data) {
					_this.html('<span class="fas fa-redo"></span> Загрузить ещё');
					_this.prev().parent().append(data); // где вставить данные 
					this_page++;                      // увелич. номер страницы +1 
					if (this_page == _this.attr('data-max-pages')) {
						_this.remove();               // удаляем кнопку, если последняя стр. 
					}
				} else {                              // если закончились посты 
					_this.remove();                   // удаляем кнопку 
				}
			}
	  });
  });

});
Ответить с цитированием