3

$(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";
}
?>
3
  • ¿Dónde está el código de eliminar.php? El JavaScript funciona bien, no hay error en la llamada AJAX, si hay un error estará en eliminar.php que no has compartido en tu pregunta.
    – Alvaro Montoro
    el 10 oct. 2016 a las 22:52
  • 2
    Te he añadido como tengo compuesto el codigo eliminar.php, no veo tampoco nada malo, asi a simple vista, el alert, me escoge correctemante el id.
    – D.Bulten
    el 10 oct. 2016 a las 23:10
  • agregue una respuesta para que actualices tu código saludos.
    – user46896
    el 5 jul. 2017 a las 14:53

3 respuestas 3

3

si el contenido del carrito se agrega por ajax y jquery no te va a servir:

 $(".eliminar").click(function(e) {

Cambialo por :

 $(document).on("click",'.eliminar', function (event, xhr, settings) {

lo que te esta pasando es que tienes un problema de Bind del DOM y un nuevo elemento.

7
  • Ya lo solucioné Francisco, el fallo lo tenía en la url del AJAX, nunca iba al archivo PHP, modifique ./php/carro_compra/eliminar.php por /php/carro_compra/eliminar.php. Con ese cambio me funciona correctamente.
    – D.Bulten
    el 5 jul. 2017 a las 18:28
  • @D.Bulten perfecto
    – user46896
    el 17 jul. 2017 a las 16:40
  • 1
    te sugiero usar la delegación de funciones cuando trabajas con ajax.
    – user46896
    el 20 sep. 2017 a las 15:12
  • avisa como te va ??
    – user46896
    el 25 sep. 2017 a las 19:11
  • Francisco, esta semana lo pruebo y te comento. Que tengo el proyecto un poco de lado. Un saludo
    – D.Bulten
    el 25 sep. 2017 a las 19:52
2

cart.php

//Carro de la compra

//Si esta definida la ID obtenido por URL
if (isset($_GET['articulo'])) {

    $id_tutorial = $_GET['articulo'];//Obtenemos el ID del tutorial añadido, para poder acer comprobaciones a mostrar otros resultados.

    //Si esta definido la sesion carro -> es decir si ay algun articulo comprado
    if (isset($_SESSION['carrito'])) {

        $arreglo = $_SESSION['carrito'];
        $encontro = false;      

        for ($i=0; $i<count($arreglo); $i++) { 

            if ($arreglo[$i]['Id'] == $_GET['articulo']) {
                $encontro = true;               
            }
        }

        if ($encontro == false) {


            $titulo = "";
            $precio = 0;
            $precioUSD = 0;
            $icon = "";

            $stmt = $c->prepare("SELECT titulo,precio,icon,id_autor FROM tutoriales WHERE page=? and status=1");
            $stmt->bind_param("i",$_GET['articulo']);
            $stmt->execute();
            $stmt->store_result();
            if ($stmt->num_rows > 0) {
                $stmt->bind_result($titulo,$precio,$icon,$id_autor);
                while ($stmt->fetch()) {

                    //Sentencia prepare -> autor proyecto
                    $stmtN = $c->prepare("SELECT autor FROM autor WHERE id_autor=?");           
                    $stmtN->bind_param("i", $id_autor);         
                    $stmtN->execute();          
                    $stmtN->bind_result($autor);            
                    $stmtN->fetch();            
                    $stmtN->close();

                    $datosnuevos = array('Id' => $_GET['articulo'], 'Titulo' => $titulo, 'Precio' => $precio, 'Icon' => $icon, 'Cantidad' => 1 );

                    /*
                        #Si se utiliza array_push() para añadir un solo elemento al array, es mejor utilizar $array[] = ya que de esta forma no existe la sobrecarga de llamar a una función. 
                    */

                    //array_push($arreglo, $datosnuevos); 
                    $arreglo[] = $datosnuevos;
                    $_SESSION['carrito'] = $arreglo;

                    $data = $_SESSION['carrito'];
                    $value_carrito = count($data);
                    $_SESSION['compras'] = $value_carrito;

                } $stmt->close();


            } else {
                $stmt->close();
            }
        }   

    } else { //Caso falso añadimos primer articulo al carro

        $titulo = "";
        $precio = 0;
        $precioUSD = 0;
        $icon = "";

        $stmt = $c->prepare("SELECT titulo,precio,icon,id_autor FROM tutoriales WHERE page=? and status=1");
        $stmt->bind_param("i",$_GET['articulo']);
        $stmt->execute();
        $stmt->store_result();
        if ($stmt->num_rows > 0) {
            $stmt->bind_result($titulo,$precio,$icon,$id_autor);
            while ($stmt->fetch()) {

                //Sentencia prepare -> autor proyecto
                $stmtN = $c->prepare("SELECT autor FROM autor WHERE id_autor=?");           
                $stmtN->bind_param("i", $id_autor);         
                $stmtN->execute();          
                $stmtN->bind_result($autor);            
                $stmtN->fetch();            
                $stmtN->close();

            } $stmt->close();

        } else {
            $stmt->close();
        }       

            $arreglo[] = array('Id' => $_GET['articulo'], 'Titulo' => $titulo, 'Precio' => $precio, 'Icon' => $icon, 'Cantidad' => 1 );

            $_SESSION['carrito'] = $arreglo;

            $data = $_SESSION['carrito'];
            $value_carrito = count($data);
            $_SESSION['compras'] = $value_carrito;

            //echo "<script>window.location.reload();</script>";


    }

} 

cesta.php Aqui llamo al carrito, y donde elimino los articulos añadidos

<?php //Mostramos resultados carro de la compra.

    //Resetemos el total.
    $total = 0;

    //Si esta definido la sesión.
    if (isset($_SESSION['carrito'])) {              

        //Array con datos carrito.
        $data = $_SESSION['carrito'];
        $total = 0;                                     

        //Recorremos todo el array, para salida de datos.
        for ($i=0; $i<count($data); $i++) {
?>

            <div class="holder-cesta">
                <h4><?php echo $data[$i]['Titulo']; ?></h4>
                <p><?php echo $data[$i]['Precio']; ?></p>
                <?php                   
                $total = ($data[$i]['Cantidad'] * $data[$i]['Precio']) + $total;
                ?>

                <button class="eliminar" data-id="<?php echo $data[$i]['Id']; ?>">Eliminar</button>

            </div>

<?php
        }
    } else {
        echo "0 articulos";
    } unset($arreglo);
?>

El archivo eliminar.php

<?php
//Session start
session_start();
//Get shoping cart data.
$arreglo = $_SESSION['carrito'];

//Reset.
$arr[] ='';


var_dump($arreglo);

//var_dump($_POST['Id']);

for ($i=0; $i<count($arreglo); $i++) { 

    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'] ];
        $arr[] =$arreglo[$i]
    }
}

if (isset($arr)) {

    $_SESSION['carrito'] = $arr;

    $data = $_SESSION['carrito'];
    $value_carrito = count($data);
    $_SESSION['compras'] = $value_carrito;

} else {
    unset($_SESSION['carrito']);
    unset($_SESSION['compras']);
    echo "0";
}
?>
7
  • Lo e modificado y probado, pero sigue igual, aunque borre todo del arhivo eliminar y simplemente hago un echo'Hola mundo'; tampoco imprime. Y el archivo esta vinculo correctamente, que ya lo e revisado, modificado el nombre, etc, todo lo que a uno se le ocurra! Pero no logro obtener resultados desde eliminar.php. Existe algun otro metodo, si alguien pudiero poner otro ejemplo tambien valido a lo que busco?
    – D.Bulten
    el 10 oct. 2016 a las 23:54
  • Has probado a forzar que te devuelva el 0?. En caso de que la cesta no esté vacia, no puede devolver el script de reload, deberías ponerlo en el codigo el 10 oct. 2016 a las 23:58
  • Vale, eliminare el reload, en caso de actualizar la cesta. Al principio si que me funcionabe si solamente habia un articulo en mi cesta y le deba a eliminar, me funcionaba correctamente el codigo, pero en caso de tener mas de un producto, ya no entraba en la logica != $_POST. Aro probando ya ni entra en el caso 0 XD
    – D.Bulten
    el 11 oct. 2016 a las 0:06
  • 1
    Si esfuerzo el 0, funciona, me modifica todo correctamente y me recarga la funciona ajax function(a). simplemente solo dejo esto en eliminar.php: session_start(); unset($_SESSION['carrito']); unset($_SESSION['compras']); echo "0";
    – D.Bulten
    el 11 oct. 2016 a las 0:18
  • Modifique mi respuesta, con lo que deberias tener mas o menos en tus ficheros,tanto en eliminar.php, como en el carrito el 11 oct. 2016 a las 0:20
0

Buenas, podría ser porque eliminas antes de hacer lo que quieres? Primero eliminas :

$(this).closest('.holder-cesta').remove();//Remueve correctamente

y luego quieres consultar el id : Id:id pero claro, ya no existe, prueba en primero hacer todo lo que quieres y finalmente eliminar lo que quieras:

$(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);         
        //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";
            }
        });
 $(this).closest('.holder-cesta').remove();//Remueve correctamente 

    });
});
2
  • vale, voy a probar aver si elimino la linea de .remove(); aver si me escoge el documento de Ajax.
    – D.Bulten
    el 10 oct. 2016 a las 20:14
  • Lo e probado, pero me sigue haciendo lo mismo, si luego lo pienso, realmente obtengo antes que remuevo el div, var id = $(this).attr('data-id'); con el id,
    – D.Bulten
    el 10 oct. 2016 a las 20:17

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.