$(document).ready(function() {
$(".eliminar").click(function(e) {
e.preventDefault();
var id = $(this).attr('data-id');
//alert(id);
$(this).closest('.holder-cesta').remove();
//Esta parte no me funciona.
$.post('./php/carro_compra/eliminar.php', {
Id: id
}, function(a) {
if (a == '0') {
location.href = "./cesta";
}
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="holder-cesta">
<h4>Product 1</h4>
<button class="eliminar" data-id="1">Delete</button>
</div>
<div class="holder-cesta">
<h4>Product 3</h4>
<button class="eliminar" data-id="3">Delete</button>
</div>
<div class="holder-cesta">
<h4>Product 2</h4>
<button class="eliminar" data-id="2">Delete</button>
</div>
Estoy creando el boton
de eliminar los productos de la cesta. Cada producto añadido tendra un boton
de eliminar.
Los resultados del carro de la compra la guardo en una sesión llamado $_SESSION['carrito'];
Aquí va el código donde llamo los productos y su botón de eliminar:
<?php
//Array carrito de compras.
$data = $_SESSION['carrito'];
$total = 0;
for ($i=0; $i<count($data); $i++) {
?>
<div class="holder-cesta">
<h4><?php echo $data[$i]['Titulo']; ?></h4>
<button class="eliminar" data-id="<?php echo $data[$i]['Id']; ?>">Eliminar</button>
</div>
<?php
}
?>
data-id
obtengo el id
de producto.
Veamos el codigo jQuery:
$(document).ready(function() {
$(".eliminar").click(function(e) {
e.preventDefault();
//Obtengo el id desde nuestro boton.
var id = $(this).attr('data-id');
//Mi alert lanza correctamente el id associado.
//alert(id);
$(this).closest('.holder-cesta').remove();//Remueve correctamente
//AJAX
//Aqui viene mi problema,no obtengo var id en $.post y tampoco parece que vaya a la url eliminar.php
$.post('./php/carro_compra/eliminar.php', {
Id:id
},function(a) {
if (a=='0') {
location.href="./cesta";
}
});
});
});
si hago un var_dump($_POST['Id']);
en mi archivo eliminar.php , realmente no ace nada dicha función, si modifico un poco el ajax, me manda un NULL.
El jQuery
funciona bien, ya que me lanza correctamente el alert y tambien me elimina el div .holder-cesta, pero el problema es como si nunca va a la url de $.post
donde quiero actuailzar el array mediante el Id
de la siguiente manera:
if ($arreglo[$i]['Id']!= $_POST['Id']) {
}
Adjunto tambien el archivo eliminar.php con el que quiero actualizar mi carrito de compras al eliminar un producto:
<?php
//Session start
session_start();
//Get shoping cart data.
$arreglo = $_SESSION['carrito'];
for ($i=0; $i<count($arreglo); $i++) {
//Logica, si id del articulo es diferente a la variable obtenido por Ajax.
if ($arreglo[$i]['Id']!= $_POST['Id']) {
$datosnuevos[] = ['Id' => $arreglo[$i]['Id'], 'Titulo' =>$arreglo[$i]['Titulo'], 'Precio' => $arreglo[$i]['Precio'], 'Icon' => $arreglo[$i]['Icon'], 'Cantidad' => $arreglo[$i]['Cantidad'] ];
}
}
if (isset($datosnuevos)) {
//Modifico la sesion, dejando el resto de articulos comprados.
$_SESSION['carrito'] = $datosnuevos;
//Modificamos el valor del carro.
$data = $_SESSION['carrito'];
$value_carrito = count($data);
$_SESSION['compras'] = $value_carrito;
//Asi tambien se recarga la página con los datos actualizado
echo "0";
} else {
unset($_SESSION['carrito']);
unset($_SESSION['compras']);
echo "0";
}
?>