Tengo un input dinamico que al clickar en el + se aumentan los campos y al pulsar en la x se eliminan, esa función esta por ajax al enviar esos datos quiero que se envíen a un archivo php que procesara los datos insertándolos en la base de datos y luego mostrar un mensaje si se han insertado correctamente, como yo lo tengo al pulsar en el botón para que los envié se envían pero no hace la consulta ni muestra el mensaje
$recibe = $_POST['name'];
echo $recibe;
$('#submit').click(function() {
$.ajax({
url: "procesoInsertar.php",
method: "POST",
data: $('#insertarJugadores').serialize(),
success: function(data) {
$('#mostrar_mensaje').html(data);
$('#insertarJugadores')[0].reset();
}
});
});
<div class="">
<form name="insertarJugadores" id="insertarJugadores">
<div class="col-md-12">
<div class="cabecera bg-success text-light p-1">
<h3 class="ms-3 ">Insertar nombres de los jugadores</h3>
</div>
<div class="table-responsive">
<table class="table" id="dynamic_field">
<tr>
<td>
<input type="text" name="name[]" placeholder="Pulse en el + para introducir jugadores" class="form-control name_list input-group-lg" disabled />
</td>
<!-- boton que añade un nuevo campo para introducir valores -->
<td><button type="button" name="add" id="add" class="btn btn-success">+</button></td>
</tr>
</table>
</div>
</div>
<div class="modal-footer btnFooter d-flex justify-content-between">
<!-- <button class="btn btn-primary prevBtn btn-md pull-left disabled-control" type="button" id="previous">Anterior</button>
<button class="btn btn-success nextBtn btn-md pull-right" id="next" type="button">Siguiente</button> -->
<button type="button" class="btn btn-light btn-md close" onclick="redireccionamiento('../php/inde.php')">Cerrar</button>
<button type="submit" class="btn btn-success" name="submit" id="submit">Reservar</button>
</div>
</form>
</div>
<!-- div.btnCaja>div.btnCaja-fila>div.btnCaja-step>a[href="#caja-1"][type="button"].start-class>p{Insertar jugadores} -->
<div id="mostrar_mensaje">0</div>
<?php
require_once('../conexion/conexion.php');
require_once('../php/funciones/funciones.php');
// if(isset($_POST[""]))
$recibe = $_POST['name'];
if (isset($recibe) && !empty($recibe)) {
?>
<h1>Verificacion de los datos</h1>
<table class="table">
<thead>
<?php
// ahora el aray de nombres lo vamos a convertir en un string para insertarlo en la columna jugadores
$datosNombresJugadores=implode(", ",$recibe);
$identificadorPistas = array(1 => 'Pista_1', 2 => 'Pista_2', 3 => 'Pista_3', 4 => 'Pista_4', 5 => 'Pista_5');
foreach ($identificadorPistas as $clave => $identificador) {
// comparamos lo que me devuelve el array con los datos que recibo de post y compruebo si son iguales para obtener el id
if ($identificador =='Pista_1' ) {//$_POST['modifiTiPista']
$parametr = array("pistaTip" => $clave, "jugad" => $datosNombresJugadores);
$consultaSql = "INSERT INTO reserva (id, Pista_id, Fecha_Hora, jugadores, Disponibilidad) VALUES (NULL, :pistaTip, CURRENT_TIMESTAMP, :jugad);";
$datos = $conexion->prepare($consultaSql);
$datos->execute($parametr);
}
}
?>
</thead>
</table>
<?php
} else {
echo "Mostraremos una alerta";
}
?>