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

Question

[mrzgt]

Подскажите, сделал скрипт который подтягивает товары при нажатии на кнопку

<a id="load_more" class="btn btn-primary"><?php echo $button_more; ?></a>

$.ajax({
		url:'index.php?route=module/loadMore', 
		type:"GET", 
		data:'module_id=<?php echo $module_id; ?>&page=' + id_<?php echo $module_id; ?>,
		success:function (data) {
				$('#app_<?php echo $module_id; ?>').append($(data).find('.gdfgdf'));
		}
	});

Проблема в том если все товары уже подгружены, кнопка :показать еще: не пропадает, нужно ее убирать

Answer 1

[Сергей delphinpro]

mrzgt, подгружайте структурированные данные. например

{
  html: 'Your html markup',
  last: false, // or true
}

$.ajax({
    url:'index.php?route=module/loadMore', 
    type:"GET", 
    dataType: 'json',
    data: {
        module_id: '<?php echo $module_id; ?>',
        page     : 'id_<?php echo $module_id; ?>',
    }
    success:function (response) {
        $('#app_<?php echo $module_id; ?>').append($(response.html).find('.gdfgdf'));
        if (response.last) {
          $('#more_button').hide();
        }
    }
  });

Comments

[mrzgt]

Спасибо,можно подробней что с этим делать?
{
last: false, // or true
}

[Сергей delphinpro]

mrzgt, в каком смысле? писать false, если еще есть данные для отображения, или true, если нет

[mrzgt]

как выполнить проверку есть или нет данных?

[Сергей delphinpro]

mrzgt, вот этот скрипт index.php?route=module/loadMore у вас отдаёт данные. Он должен знать, есть еще или нет. Он же должен вернуть json данные в предложенном формате.

Answer 2

[Антон]

Например, так можно спрятать её.

$.ajax({
    url:'index.php?route=module/loadMore', 
    type:"GET", 
    data:'module_id=<?php echo $module_id; ?>&page=' + id_<?php echo $module_id; ?>,
    success:function (data) {
        $('#app_<?php echo $module_id; ?>').append($(data).find('.gdfgdf'));
        $("#load_more").hide();
    }
  });

Comments

[mrzgt]

Да, проблема в том что подгружается по 4 товара за раз и скрывать кнопку нужно только когда уже в базе нет товара

[Антон]

mrzgt, а что меняется в ответе с сервера, когда больше нет товаров? Код ответа, может там 404 выдаётся или текст какой-то на странице появляется?
Так-то у вас же есть вот $(data) - можете через jQuery методы посмотреть что внутри, вытащить .text() например, проверить есть ли там надпись или посчитать элементы внутри, если их нет - то скрывать кнопку.

[mrzgt]

когда нет товара только надпись в ответе Load More

[Антон]

Если просто надпись без разметки, то

if(data === 'Load More'){
$("#load_more").hide();
}