1

hola estoy tratando de listar desde la base de datos por medio de json y extrae todos los datos que están relacionados entre si, pero ala hora de listarlos no logra a mandar todos si no solo uno, pienso que podría ser que solo tome el ultimo como valué y los demás no ya que en consola lo muestra de esa manera. les agradecería mucho su ayuda.

var detalles = []; 
   function agregarDetalleB(id_Dproducto,materiales,estado){
            $.ajax({
          url:"../ajax/Dproducto.php?op=buscar_DproductoB",
           type:"POST",
          data:{id_Dproducto:id_Dproducto,materiales:materiales,estado:estado},
          async: true,         
          success:function(data){
            console.log(data);            
            info = $.parseJSON(data);           
            console.table(info);           
            listarDetallesB();
            $('#modalDproducto').modal("hide");                         
          }  
        });  
      }

desde aca extrae los datos

case "buscar_DproductoB";
  $data=$Dproducto->get_DproductoP($_POST["id_Dproducto"], $_POST["estado"]);
   if(is_array($data)==true and count($data)>0){
        foreach($data as $row)
        {
           $data["id_Dproducto"] = $row["id_Dproducto"];
          $data["id_Mprima"] = $row["id_Mprima"];
          $data["materiales"] = $row["materiales"];
          $data["unidadm"] = $row["unidadm"];
          $data["cantidad"] = $row["cantidad"];
          $data["moneda"] = $row["moneda"];
          $data["precio"] = $row["precio"];
          $data["estado"] = $row["estado"];
        }
        } else {
                 $data["error"]="La formula está inactiva, intenta con otro";
          }
    echo json_encode($data);

y esta parte es la de sql

public function get_DproductoP($id_Dproducto,$estado){
          $conectar= parent::conexion();
          $estado=1;
          $sql="select          p.id_Dproducto,p.numero_Dproducto,c.id_Mprima,c.materiales,c.unidadm,c.moneda,
          c.precio,c.cantidad,c.estado
          FROM Dproducto p
          INNER JOIN detalle_Dproducto c ON c.numero_Dproducto = p.numero_Dproducto
          where p.id_Dproducto=? and c.estado=?
          ";
          $sql=$conectar->prepare($sql);
          $sql->bindValue(1, $id_Dproducto);
            $sql->bindValue(2, $estado);
          $sql->execute();
          return $resultado= $sql->fetchAll(PDO::FETCH_ASSOC);
    }

aca les dejo lo que me muestra en consola consola

esta parta trato de recorrer la matriz


for (var i = 0; i <data.length; i++) { console.log(data[i]);   
            var obj = {
              Nbatida : 1,
              codDD  : id_Dproducto, 
              codDpro   : data[i].id_Mprima,
              materiales : data[i].materiales,
              unidadm  : data[i].unidadm,
              precio   : data[i].precio,
              cantidad : data[i].cantidad,
              moneda   : data[i].moneda,
              importe  : 0,
              estado   : data[i].estado
              };           
            detalles.push(obj);

de esta manera trato de listar

 function listarDetallesB(){    
    $('#listMpriBatida').html('');
    var filas = "";
    var subtotal = 0;
    var total = 0;
    var subtotalFinal = 0;
    var totalFinal = 0;
    for(var i=0; i<detalles.length; i++){
    if( detalles[i].estado == 1 ){
    var importe = detalles[i].importe = detalles[i].Nbatida * detalles[i].cantidad * detalles[i].precio;        
        importe = detalles[i].importe;    
      var filas = filas + "<tr><td>"+(i+1)+
      "</td> <td><input type='number'  class='Nbatida input-group-sm' name='Nbatida[]' id='Nbatida[]' onClick='setNbatida(event, this, "+
      (i)+");' onKeyUp='setNbatida(event, this, "+(i)+");' value='"+detalles[i].Nbatida+
      "'></td><td name='materiales[]'>"+detalles[i].materiales+"</td><td name='unidadm[]'>"+
      detalles[i].unidadm+"</td> <td name='precio[]' id='precio[]'>"+
      detalles[i].moneda+" "+detalles[i].precio+"</td> <td> <span name='cantidad[]' id='cantidad"+i+
      "'> "+detalles[i].cantidad+"</span> </td> <td> <span name='importe[]' id='importe"+i+
      "'>"+detalles[i].moneda+" "+detalles[i].importe+
       "</span> </td><td>  <button href='#' class='btn btn-danger btn-lg' role='button' onClick='eliminarBa(event, "+
       (i)+");' aria-pressed='true'><span class='glyphicon glyphicon-trash'></span> </button></td> </tr>";
      subtotal = subtotal + importe;
            subtotalFinal = detalles[i].moneda+" "+subtotal;
      var su = subtotal;
            var or=parseFloat(su);
            var total= Math.round(or+subtotal);
            totalFinal = detalles[i].moneda+" "+total;
    }
  }
  $('#listMpriBatida').html(filas);
  $('#subtotal').html(subtotalFinal);
  $('#subtotal_Batida').html(subtotalFinal);
  $('#total').html(totalFinal);
  $('#total_Batida').html(totalFinal);
  }
7
  • 1
    Hola. ¿A que te refieres con listar? ¿Cuál es la salida que estás buscando?, el comando $data=$Dproducto->get_DproductoP($_POST["id_Dproducto"], $_POST["estado"]); ya te está devolviendo la respuesta con una estructura de tabla que puedes recorrer, además de eso el for solo está actualizando los datos de tus indices en $data hasta la ultima vuelta, pero no acumula los registros. el 25 feb. 2021 a las 17:34
  • Aparte de la observación de @AbrahamChan, no incluiste en la pregunta el código de la función listarDetallesB.
    – Triby
    el 25 feb. 2021 a las 18:06
  • aun no he incluido la funcion de listarDetallesB por que cuando se muestran, solo se ve uno, por ello pienso que estoy mandado mal o no en formato Json el 25 feb. 2021 a las 19:53
  • el comando $data=$Dproducto->get_DproductoP($_POST["id_Dproducto"], $_POST["estado"]); si envia todos los datos, que deseo pero ala hora de hacer el parseJSON pasa a ser solo un dato el que manda a mostrar el 25 feb. 2021 a las 19:57
  • La salida de la consola con el parseJSON te da {"0":{"id_producto":"21",...},"1":{"id_producto":"21",...}} lo que puede verse es que está devolviendo los dos registros relacionados a tu producto (el vinagre y el verde liq) en un arreglo que puedes recorrer, por lo que el for que tienes antes de hacer el json_encode está de más. Ahora, para justificar el for, solo estás descartando el campo p.numero_Dproducto, eso puedes no incluirlo en tu select y también ahorras el for o acumulas la respuesta del for en un arreglo, por eso pregunto ¿Cuál es la salida que estás buscando? el 25 feb. 2021 a las 21:33

1 respuesta 1

1

Lo primero es que el método $Dproducto->get_DproductoP() ya te está devolviendo un arreglo con los datos obtenidos de la consulta, tal como necesitas, y no debes modificarlo. Te sugiero que lo que vas a devolver incluya una propiedad error, que te permita detectar si se encontraron resultados o no:

case "buscar_DproductoB";
    // Define un arreglo para devolver correctamente la información
    $data = ['error' => '', 'datos' => []];
    // Actualiza la propiedad "datos"
    $data['datos'] = $Dproducto->get_DproductoP($_POST["id_Dproducto"], $_POST["estado"]);
    // Si no hay resultados, marcar como error
    if(!is_array($data['datos']) || count($data['datos']) == 0) {
        $data["error"] = 'La formula está inactiva, intenta con otro';
    }
    // Devuelve un objeto con dos propiedades:
    // error = cadena vacía o mensaje de error
    // datos = arreglo vacío o datos obtenidos de la consulta
    echo json_encode($data);

El resultado será algo como:

{
    error: '',
    datos: [
        {id_Dproducto: 1, id_Mprima: x, ... },
        {id_Dproducto: 2, id_Mprima: x, ... },
    ]
}

Ahora hay que definir la el arreglo detalles en contexto global (fuera de funciones) y analizar el resultado en la respuesta AJAX:

// Definir arreglo
let detalles = []

// Petición AJAX
function agregarDetalleB(id_Dproducto,materiales,estado) {
    // Borrar datos anteriores, si es que los hay
    detalles = [];

    $.ajax({
        url:"../ajax/Dproducto.php?op=buscar_DproductoB",
        type:"POST",
        data:{id_Dproducto:id_Dproducto,materiales:materiales,estado:estado},
        dataType: 'json', // jQuery convertirá la respuesta en JSON
        async: true,         
        success:function(data){
            // Solo para comprobar los datos recibidos
            console.log(data);
            // Hubo error?
            if(data.error != '') {
                alert(data.error);
            } else {
                // Asignar datos recibidos a arreglo
                detalles = data.datos;
                // Crear listado
                listarDetallesB();
            }
            $('#modalDproducto').modal("hide");
        }  
    });  
}

Finalmente, tu función para listar datos, usa la variable global detalles:

function listarDetallesB() {
    $('#listMpriBatida').html('');
    var filas = "";
    var subtotal = 0;
    var total = 0;
    var subtotalFinal = 0;
    var totalFinal = 0;
    for(var i = 0; i < detalles.length; i++) {
        // Si no hay valor en Nbatida
        if(typeof detalles[i].Nbatida == 'undefined' || !detalles[i].Nbatida) {
            // Inicializar en 1
            detalles[i].Nbatida = 1;
        }
        if( detalles[i].estado == 1 ) {
            var importe = detalles[i].importe = detalles[i].Nbatida * detalles[i].cantidad * detalles[i].precio;        
            importe = detalles[i].importe;    
            var filas = filas + "<tr><td>"+(i+1)+
                "</td> <td><input type='number'  class='Nbatida input-group-sm' name='Nbatida[]' id='Nbatida[]' onClick='setNbatida(event, this, "+
                (i)+");' onKeyUp='setNbatida(event, this, "+(i)+");' value='"+detalles[i].Nbatida+
      "'></td><td name='materiales[]'>"+detalles[i].materiales+"</td><td name='unidadm[]'>"+
            detalles[i].unidadm+"</td> <td name='precio[]' id='precio[]'>"+
            detalles[i].moneda+" "+detalles[i].precio+"</td> <td> <span name='cantidad[]' id='cantidad"+i+
      "'> "+detalles[i].cantidad+"</span> </td> <td> <span name='importe[]' id='importe"+i+
      "'>"+detalles[i].moneda+" "+detalles[i].importe+
       "</span> </td><td>  <button href='#' class='btn btn-danger btn-lg' role='button' onClick='eliminarBa(event, "+
       (i)+");' aria-pressed='true'><span class='glyphicon glyphicon-trash'></span> </button></td> </tr>";
            subtotal = subtotal + importe;
            subtotalFinal = detalles[i].moneda+" "+subtotal;
            var su = subtotal;
            var or=parseFloat(su);
            var total= Math.round(or+subtotal);
            totalFinal = detalles[i].moneda+" "+total;
        }
    }
    $('#listMpriBatida').html(filas);
    $('#subtotal').html(subtotalFinal);
    $('#subtotal_Batida').html(subtotalFinal);
    $('#total').html(totalFinal);
    $('#total_Batida').html(totalFinal);
}

No revisé la función completa, pero el ciclo ya debe funcionar sin problema porque ahora sí recibes un arreglo para recorrer.

4
  • GRACIAS AMIGO, EN SERIO GRACIAS. el 26 feb. 2021 a las 14:29
  • trate de hacerlo durante una semana o mas y no pude. eres un genio gracias!!!!!!! el 26 feb. 2021 a las 14:32
  • hola disculpa que te moleste me podrias ayudar. el 2 mar. 2021 a las 15:09
  • en la parte donde se manda listardetallesB(data.datos) en el json quisiera mandar Nbatida=1, para que ala hora de listar ya tenga ese valor esa variable ya que esta no viene desde la base el 2 mar. 2021 a las 15:10

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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