Как правильно сделать AJAX запрос для удаления товара?

Question

[VladPolanski]

Всем привет. Подскажите, пожалуйста. Вот код удаления товара со страницы отложенные
Ajax

$('.delay').click(function(){
    var deletebasketid = $(this).attr('id');
    ajaxpostshow("/ajax/delete.php", deletebasketid, ".col-sm-1-5" );           
    return false;
 });

Шаблон

<?foreach($new_arr as $key => $value){?>
    <div class="col-sm-1-5">
	<p><a href="/?action=delete&id=<?=$value['ID'];?>" class="delay" id="ajaxaction=delete&ajaxdeleteid=<?=$value['ID'];?>">
<span class="delete"></span>Удалить</a></p>
	<a href="<?=$value["DETAIL_PAGE_URL"]?>">
		<div class="goods">
			<div class="goods-description"><p><?=$value['NAME']?></p></div>
				<div class="price text-center">
					<span class="new-price"><?=$value["PRODUCT_PRICE_ID"]?> руб.</span>
				</div>
			</div>
		</a>
	</div>
<?}?>

при нажатие на кнопку Удалить - удаляются все товары из отложенных, полностью очищается страница, а при перезагрузки страницы уже работает - удаленного товара нет, остальные есть.

Answer 1

[Одиночка Айс]

ajaxpostshow("/ajax/delete.php", deletebasketid, ".col-sm-1-5" );

Надо полагать, что ".col-sm-1-5" удаляемый элемент? Так вы их все и удаляете, а должны удалять тот, с которого пришел запрос, например, самое простое - var parent=$(".delay").parents(".col-sm-1-5"); а потом этот парент и скормите вашей функции ajaxpostshow.

Comments

[VladPolanski]

не вышло, так же пропадает все содержимое контейнера

[Одиночка Айс]

VladPolanski, извиняюсь за поздний ответ, приведите код функции ajaxpostshow

[VladPolanski]

Одиночка Айс,

function ajaxpostshow(urlres, datares, wherecontent ){
       $.ajax({
           type: "POST",
           url: urlres,
           data: datares,
           dataType: "html",
           success: function(fillter){
                $(wherecontent).html(fillter);
           }
      });
}

[Одиночка Айс]

VladPolanski, пропадает потому что вы ответ от аякса помещаете целиком в контейнер, то есть, ваш php код после удаления товара должен возвращать список оставшихся, вы это делаете?

[VladPolanski]

Да, должен возвращать список оставшихся
Я переделал по Вашему совету

$('.delay').click(function(){
    var deletebasketid = $(this).attr('id');
    var parent=$(".delay").parents(".col-sm-1-5");
    ajaxpostshow("/ajax/delete.php", deletebasketid, parent);           
    return false;
 });

Но эффект тот же

[Одиночка Айс]

VladPolanski, у вас PHP должен возвращать список, он это делает?

[VladPolanski]

Одиночка Айс, да

[Одиночка Айс]

VladPolanski, судя по тому, что вы говорите, что скрипт очищает контейнер, этого не происходит, смотрите что вам возвращает сервер. Если сервер возвращает все, что нужно, укажите родительский элемент для всех блоков с товарами, то есть в кого они вложены, потому что вы очищаете его содержимое и пытаетесь в него положить новые данные.