Tengo un formulario en html
el cual quiero enviar por medio de post
a un archivo para que haga una actualización en la base de datos con esos datos (valga la redundancia) que llegan por el post
, solo que no tengo idea cuál es la mejor manera de hacerlo, sí pudieran ayudarme se los agradecería, dejo el formulario en HTML
y el archivo PHP
HTML
<form action="/Jomar/users_control/controller/ControlAsisController.php?action=guardarInser" onsubmit="return validarCampos()" name="formRegistro" method="POST">
<div class='container justify-content-center shadow p-5 mb-1 mt-n1 bg-white rounded' style= "width: 800px">
<div id="errores" class="alert-danger"></div>
<div class="form-g align-content-centerroup row ml-1 justify-content-center">
<label for="fecha" class="col-form-label">Fecha:</label>
<div class='col-sm-4 mr-3'>
<input type="date" class="form-control" onchange="llenarEmpleados()" value="<?php echo date("Y-m-d") ?>" max="<?php echo date("Y-m-d") ?>" id="fecha" name="fecha">
</div>
<label for="sede" class="col-form-label">Sede:</label>
<div class='col-sm-4'>
<select type="text" class="custom-select" onchange="llenarEmpleados()" id="sede" name="sede" >
<option value="0">Seleccionar sede</option>
<?php
for ($i=0; $i < count($sedes); $i++) {
echo "<option value='{$sedes[$i]['id_sede']}'>{$sedes[$i]['sede']}</option>";
}
?>
</select>
</div>
</div>
<br>
<div class="form-group row ml-1 justify-content-center">
<label for="empleado" class="col-form-label">Empleado:</label>
<div class='col-sm-4 mr-3'>
<select type="text" class="custom-select" id="empleado" name="empleado" disabled="disabled">
<option value="0">Seleccionar empleado</option>
<?php
for ($i=0; $i < count($empleados); $i++) {
echo "<option value='{$empleados[$i]['id_empleado']}'>{$empleados[$i]['nombres']} {$empleados[$i]['apellidos']}</option>";
}
?>
</select>
<div id="mascara" onclick="empleadoIsEmpty()"></div>
</div>
<label for="asistencia" class="col-form-label">Asistencia:</label>
<div class='col-sm-4'>
<select type="text" class="custom-select" id="asistencia" name="asistencia">
<option value="0">Seleccionar asistencia</option>
<?php
for($i=0; $i < count($asistencias); $i++){
echo "<option value='{$asistencias[$i]['id_asistencia']}'>{$asistencias[$i]['siglas']}</option>";
}
?>
</select>
</div>
</div>
<br>
<div class="form-group row ml-1 justify-content-center">
<label for="nota" class="col-form-label">Nota:</label>
<div class='col-sm-5 mr-3'>
<textarea name="nota" id="nota" class="form-control" cols="40" rows="3"></textarea>
</div>
</div>
<div class="form-group row justify-content-center">
<div class="justify-content-center">
<button class="btn btn-primary mr-4 btn-md" style="width: 150px" type="submit">Registrar</button>
<a class="btn btn-danger btn-md" role="button" style="width: 150px" href="/Jomar/users_control/controller/ControlAsisController.php?action=todos" >Cancelar</a>
</div>
</div>
<div class="row justify-content-end">
<button class="btn btn-info btn-md" onclick="setTimeout('llenarEmpleados()', 1)" type="reset">Limpiar</button>
</div>
</div>
</form>
PHP
donde recibo el post
public function guardarInser(){
$controlAsis = new ControlAsistencia();
$controlAsis->fecha = $_POST["fecha"];
$controlAsis->empleado = $_POST["empleado"];
$controlAsis->asistencia = $_POST["asistencia"];
$controlAsis->administrador = $_SESSION["usuario"]["id_admin"];
$res = $controlAsis->insertarControl();
if($res){
$msg = "Se ha insertado correctamente";
}else{
$msg = "No se ha podido insertar";
}
}
Dejo una petición que anteriormente he hecho en Ajax pero no sé sí se haga de la misma forma con el formulario
AJAX y JQUERY
function llenarEmpleados(){
var sede = $("#sede").val();
var fecha = $("#fecha").val();
var parametros = {
'sede' : sede,
'fecha' : fecha
};
if(sede != 0 && fecha != ""){
$.ajax({
data: parametros,
url: '/Jomar/users_control/controller/ControlAsisController.php?action=llenarEmpleados',
type: 'post',
success: function (response){
$("#empleado").html(response);
console.log(response);
$("#empleado").attr("disabled", false);
}
});
}else{
$("#empleado").attr("disabled", "disabled");
}
}
Anteriormente lo estaba haciendo de la forma simple, que es redirigiendo al archivo y que de ahí lo mande lo devuelva con la respuesta y que la imprima en pantalla y demás, pero es maluco ya que el archivo queda en el enlace, y ya he acomodado eso de manera de que no se vea así, pero ahora prefiero hacerlo con jquery y ajax, que es mucho más fácil y los resultados son mucho mejores Gracias por su ayuda