Skip to main content
se agregó el nit
Origen Enlace
<form id="productosFactura"id="nit" class="row g-3" method="POST">
                                                
                                                <div class="col-md-12 py-2">
                                                    <input<label type="text"for="inputNEmpleado" class="form-control" placeholder="Buscar producto" id="producto"label">NIT name="producto"del onkeyup="cantidadStock()"Cliente
 onchange="cantidadStock()" required>
                                                  <span class="red" <pstyle="color: id="nombre"><red;">*</p>span>
                                                </div>label>

                                                <div<input class="col-md-4type="text" pyid="ingresoNIT" name="ingresoNIT" class="form-2"control" id="cantidadAVender"maxlength="20" name="cantidadAVender"placeholder="Ej: onkeyup="validarVentaExistenciaCF o 105223510" onkeyup="validarNIT()" required>

                                                </div>
 

                                                <div class="col-md-46 py-2" id="cantidad"id="nombreNIT" name="cantidad">name="nombreNIT">
                                                    <!-- CANTIDADNombre DECompleto PRODUCTO -->
                                                </div>
 

                                                <div class="col-md-46 py-2" id="precioventa"id="apellidoNIT" name="precioventa">name="apellidoNIT">
                                                    <!-- PRECIO DE VENTANombre DELCompleto PRODUCTO -->
                                                </div>


                                                <div class="col-md-12 py-3">
                                                    <button class="btn btn-success"2" id="btnadd"id="direccionNIT" name="btnadd">Agregar</button>name="direccionNIT">
                                                 <!-- Direccion del <buttonCliente class="btn btn-danger" id="btnlimpiar" name="btnlimpiar">Limpiar Productos</button>->
                                                </div>

                                            </form>
<form id="productosFactura" class="row g-3" method="POST">
                                                
                                                <div class="col-md-12 py-2">
                                                    <input type="text" class="form-control" placeholder="Buscar producto" id="producto" name="producto" onkeyup="cantidadStock()" onchange="cantidadStock()" required>
                                                    <p id="nombre"></p>
                                                </div>

                                                <div class="col-md-4 py-2" id="cantidadAVender" name="cantidadAVender" onkeyup="validarVentaExistencia()" required>

                                                </div>
 

                                                <div class="col-md-4 py-2" id="cantidad" name="cantidad">
                                                    <!-- CANTIDAD DE PRODUCTO -->
                                                </div>
 

                                                <div class="col-md-4 py-2" id="precioventa" name="precioventa">
                                                    <!-- PRECIO DE VENTA DEL PRODUCTO -->
                                                </div>


                                                <div class="col-md-12 py-3">
                                                    <button class="btn btn-success" id="btnadd" name="btnadd">Agregar</button>
                                                    <button class="btn btn-danger" id="btnlimpiar" name="btnlimpiar">Limpiar Productos</button>
                                                </div>

                                            </form>
<form id="nit" class="row g-3" method="POST">

                                            <div class="col-md-12 py-2">
                                                <label for="inputNEmpleado" class="form-label">NIT del Cliente
                                                    <span class="red" style="color: red;">*</span>
                                                </label>

                                                <input type="text" id="ingresoNIT" name="ingresoNIT" class="form-control" maxlength="20" placeholder="Ej: CF o 105223510" onkeyup="validarNIT()" required>

                                            </div>

                                            <div class="col-md-6 py-2" id="nombreNIT" name="nombreNIT">
                                                <!-- Nombre Completo  -->
                                            </div>

                                            <div class="col-md-6 py-2" id="apellidoNIT" name="apellidoNIT">
                                                <!-- Nombre Completo  -->
                                            </div>


                                            <div class="col-md-12 py-2" id="direccionNIT" name="direccionNIT">
                                                <!-- Direccion del Cliente  -->
                                            </div>

                                        </form>
agrege html
Origen Enlace

HTML METODO PAGO FACTURA:

<form id="metodoPagoFactura" class="row g-3" method="POST">

                                                <div class="col-lg-12 py-2">
                                                    <label for="inputEmail4" class="form-label">Método de Pago <span class="red" style="color: red;">*</span></label>
                                                    <select name="metodoPago" id="metodoPago" class="form-control" required>
                                                        <option value="">Selecciona...</option>

                                                        <?php
                                                        include("../controlador/csBDDCon.php");

                                                        $query = "SELECT MetodoPago_Tipo, MetodoPago_Recargo FROM metodo_pago_ard ORDER BY MetodoPago_Tipo ASC";
                                                        $ejecutar = mysqli_query($conexion, $query) or die(mysqli_error($conexion));
                                                        ?>

                                                        <?php foreach ($ejecutar as $opciones) : ?>
                                                            <option value="<?php echo $opciones['MetodoPago_Tipo'] ?>"><?php echo $opciones['MetodoPago_Tipo'] ?></option>
                                                        <?php endforeach; clearstatcache();?>
                                                    </select>
                                                </div>
                                            </form>
                                            <div class="col-md-12 py-3">
                                                    <button class="btn btn-dark" onclick="finalizarVenta()">Finalizar Venta</button>
                                                </div>

HTML NIT:

<form id="productosFactura" class="row g-3" method="POST">
                                                
                                                <div class="col-md-12 py-2">
                                                    <input type="text" class="form-control" placeholder="Buscar producto" id="producto" name="producto" onkeyup="cantidadStock()" onchange="cantidadStock()" required>
                                                    <p id="nombre"></p>
                                                </div>

                                                <div class="col-md-4 py-2" id="cantidadAVender" name="cantidadAVender" onkeyup="validarVentaExistencia()" required>

                                                </div>


                                                <div class="col-md-4 py-2" id="cantidad" name="cantidad">
                                                    <!-- CANTIDAD DE PRODUCTO -->
                                                </div>


                                                <div class="col-md-4 py-2" id="precioventa" name="precioventa">
                                                    <!-- PRECIO DE VENTA DEL PRODUCTO -->
                                                </div>


                                                <div class="col-md-12 py-3">
                                                    <button class="btn btn-success" id="btnadd" name="btnadd">Agregar</button>
                                                    <button class="btn btn-danger" id="btnlimpiar" name="btnlimpiar">Limpiar Productos</button>
                                                </div>

                                            </form>

JAVASCRIPT

HTML METODO PAGO FACTURA:

<form id="metodoPagoFactura" class="row g-3" method="POST">

                                                <div class="col-lg-12 py-2">
                                                    <label for="inputEmail4" class="form-label">Método de Pago <span class="red" style="color: red;">*</span></label>
                                                    <select name="metodoPago" id="metodoPago" class="form-control" required>
                                                        <option value="">Selecciona...</option>

                                                        <?php
                                                        include("../controlador/csBDDCon.php");

                                                        $query = "SELECT MetodoPago_Tipo, MetodoPago_Recargo FROM metodo_pago_ard ORDER BY MetodoPago_Tipo ASC";
                                                        $ejecutar = mysqli_query($conexion, $query) or die(mysqli_error($conexion));
                                                        ?>

                                                        <?php foreach ($ejecutar as $opciones) : ?>
                                                            <option value="<?php echo $opciones['MetodoPago_Tipo'] ?>"><?php echo $opciones['MetodoPago_Tipo'] ?></option>
                                                        <?php endforeach; clearstatcache();?>
                                                    </select>
                                                </div>
                                            </form>
                                            <div class="col-md-12 py-3">
                                                    <button class="btn btn-dark" onclick="finalizarVenta()">Finalizar Venta</button>
                                                </div>

HTML NIT:

<form id="productosFactura" class="row g-3" method="POST">
                                                
                                                <div class="col-md-12 py-2">
                                                    <input type="text" class="form-control" placeholder="Buscar producto" id="producto" name="producto" onkeyup="cantidadStock()" onchange="cantidadStock()" required>
                                                    <p id="nombre"></p>
                                                </div>

                                                <div class="col-md-4 py-2" id="cantidadAVender" name="cantidadAVender" onkeyup="validarVentaExistencia()" required>

                                                </div>


                                                <div class="col-md-4 py-2" id="cantidad" name="cantidad">
                                                    <!-- CANTIDAD DE PRODUCTO -->
                                                </div>


                                                <div class="col-md-4 py-2" id="precioventa" name="precioventa">
                                                    <!-- PRECIO DE VENTA DEL PRODUCTO -->
                                                </div>


                                                <div class="col-md-12 py-3">
                                                    <button class="btn btn-success" id="btnadd" name="btnadd">Agregar</button>
                                                    <button class="btn btn-danger" id="btnlimpiar" name="btnlimpiar">Limpiar Productos</button>
                                                </div>

                                            </form>

JAVASCRIPT

Origen Enlace

Enviar parámetros con Fetch PHP

Tengo que enviar el parámetro NIT y el parámetro MÉTODO DE PAGO, el problema es que el NIT se está enviando de manera correcta al archivo PHP por el método POST, pero el parámetro método de pago no se está enviando y lanza el siguiente error:

Uncaught TypeError: Failed to construct 'FormData': parameter 1 is not of type 'HTMLFormElement'.

Mi código es el siguiente:

                var nitFinal = document.getElementById('nit');
                var metodoPagoFact = document.getElementById('metodoPagoFactura');

                var datos = new FormData(nitFinal);
                var datos2 = new FormData(metodoPagoFact);
                

                // Obtienes las entradas del formulario X para meterlos al fomulario Y.
                for (let [key, value] of datos2.entries()) {
                   datos.append(key, value);
                }

                fetch('../controlador/nuevaFactura/facturaFinal/csInsertarFacturaFinal.php',{
                    method: 'POST',
                    body: datos
                })
                    .then( res => res.json())
                    .then( data => {
                        console.log(data)
                    })

Lo que hace el código es traer los datos del formulario con el ID #metodoPagoFactura y setearlos en la variable datos2 con un constructor de tipo FormData, y este lo adjunta o lo concatena a la variable datos, que es el que tiene el NIT de la persona, la linea que muestra la consola que falla es esta:

var datos2 = new FormData(metodoPagoFact);

¿Alguna solución a mi problema? , saludos!