0

estoy realizando una pagina web, basado en bootstrap, tengo que llenar una especie de carro de compra, cuando ingreso un Código de un producto, se busca en la base de datos en segundo plano por decirlo de alguna manera, y se obtiene el nombre y precio del producto, que es mandado a una tabla con una opción de eliminar de la tabla.

Este es el formulario introducir la descripción de la imagen aquí

Este es el codigo HTML del formulario

<form>
  <div class="form-group"><br>
    <label for="txtCodigo">Ingrese código</label>
    <input type="text" class="form-control" id="txtCodigo" aria-describedby="codigo" placeholder="Código">
  </div>
  <div class="row justify-content-around">
    <button type="button" class="btn btn-primary" onclick="">Buscar</button>
    <button type="button" class="btn btn-danger" onclick="">Limpiar busqueda</button>
  </div>
</form>

Esta es el codigo de la tabla

<table id="tablaVentas">
  <th>Codigo</th>
  <th>Nombre</th>
  <th>Precio</th>
  <th>Cantidad</th>
  <th>Opcion</th>
</table>

Esto es como hago la consulta a MySql

<?php
    $conexion = mysqli_connect("Localhost", "root", "", "vetportugal");
    if(mysqli_connect_errno()){
	echo "Error al conectar a la BBDD";
	exit();
    }

    mysqli_set_charset($conexion, "utf8");
    
    $sql="SELECT p.CODIGO, p.NOMBRE, p.PRECIO_VENTA FROM productos p WHERE p.CODIGO = '".$_POST["txtCodigo"]."'";
    $res=mysqli_query($conexion,$sql);
    
?>

Entonces, cuando ingrese un código en el formulario y se presiona el botón buscar, en la tabla de las ventas, se rellena con los datos buscados. En un momento fui capaz de hacer esto, pero cuando queria agregar un nuevo producto me eliminaba el que ya estaba, y luego de miles de cambios que no resultaron no pude volver. Ayuda!!

1
  • Falta lo mas importante: el codigo que rellena la tabla, sin eso no podemos ver porque te borra el antiguo.
    – JDev
    Commented el 17 jul. 2018 a las 6:23

1 respuesta 1

0

Como no explicas como realizas la búsqueda de los datos voy a proporcionarte una respuesta orientativa. Yo realizaría la búsqueda con ajax, en la respuesta de esta crearía el html para añadir a la tabla y después utilizaría la función de append de Jquery para añdir el html creado.

$.ajax({
     url: "tuArchivoPhpQueBuscaLosDatos.php", 
     data: { "codigo": $("#txtCodigo").text()},
     success: function(result){
        //En caso de que lo parsees a json.
        var resultado = JSON.parse(result);

        var html = "<td>"+resultado[0]+"</td>"; //recupera el código
        var html += "<td>"+resultado[1]+"</td>"; //recupera el nombre
        var html += "<td>"+resultado[2]+"</td>"; //recupera el precio
        var html += "<td>"+resultado[3]+"</td>"; //recupera la cantidad
        var html += "<td>"+resultado[4]+"</td>"; //recupera la opción

        $("#tablaVentas").append(html);
    }});

Este código puede no ajustarte a lo que necesites exactamente por lo que tendrás que apañarlo un poco.

Tu Respuesta

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

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