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:
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="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>
JAVASCRIPT
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!
metodoPagoFactura
, no será en el primer form,new FormData(nitFinal);
, ya que este no viene en el código.