Как прятать кнопку если ajax контент закончился?

Question

[Артем Колчин]

Есть простенький код на jquery

var page = 1;
	$(document).on('click', '.show-more', function(sa){
		sa.preventDefault();
		page = page+1;
		
		$.ajax({
			type: 'GET',
			data:{'page':page},
			beforeSend: function(){
				$('.show-more').addClass('active');
			},
			success:function(data){
				content = $(data).find('.item');
				pagination = $(data).find('#pagination_ajax').html();
				setTimeout(function()
				{
					if(content.length>0)
					{
						$('#content_ajax').append(content);
						$('#pagination_ajax').html(pagination);
					}
					else
					{
						$('.show-more').html('Больше нет!');
						setTimeout(function()
						{
							$('.show-more').slideUp(350);
						}, 1600);
					}
					$('.show-more').removeClass('active');
				}, 700);
			}
		});
	});

Задумка простая, есть контейнер где расположены блоки.
При клике на show-more , он подтягивает блоки со 2 страницы.
Получается ajax пагинация.
Только вот проблема, когда последняя страница, кнопка "показать еще" , все равно есть, и только после того как возвращает
content.length=0
Тогда кнопка прячется и пишет что больше товаров нет.
Как сделать чтоб при подтягивании последней страницы, он прятался сразу?
а то получается кнопка есть) а по сути контента нет) приходится лишний раз кликать) колхоз какой то)

Comments

[lUser L]

Вообще у тебя изначально должна быть функция, которая должна проверять есть ли страницы и в зависимости от этого рисовать пагинацию. Что будет если у тебя изначально будет контента на 1 страницу ? Кнопка "показать еще" все равно будет и нажав на нее новая страница не загрузится и кнопка просто пропадет.

Если примитивно -
Сделай функцию в которой будешь проверять, есть ли следующая страница и аргументом функции передавай номер текущей страницы.
В теле функции прибавляй к текущей странице и делай запрос, ответом будет true/false в зависимости от того есть ли след страница.

В аяксе ты передаешь переменную page, на бэке вызываешь эту функцию с аргументом (page) результат в джсоне выводишь на фронт.

echo json_encode([
 'myData' => тут контент,
 'isNext' => тут результат той функции
]);

На фронте

success:function(data){
        content = $(data.myData).find('.item');
        pagination = $(data.myData).find('#pagination_ajax').html();
         

      if(data.isNext) {
       // Тут уже показываешь кнопку иначе скрываешь
      }
      }

Если примитивно, то так

[scottparker]

в ответе возвращать инфу является ли текущая пачка элементов последняя?