que tal? Estoy teniendo un pequeño inconveniente con una aplicacion que estoy realizando y es que tengo una funcion llamada GuardarDatos(), esta funcion lo que hace es que guarda ciertos datos que tengo en un formulario html mediante AJAX. El problema que estoy teniendo es que esta funcion en ocasiones (cuando le provoca), me ingresa el mismo reegistro hasta dos y tres veces en la base de datos (duplica el mismo registro pero con IDs diferentes).
Leyendo un poco intente hacer lo siguiente:
beforeSend: function () {
$("#botonGuardar").prop("disabled",true);
},
success: function (response) {
$("#botonGuardar").prop("disabled",false);
}
Sin embargo sigue haciendo lo mismo en ocasiones.
El codigo de la funcion GuardarDatos() es el siguiente:
<!DOCTYPE html>
<html>
<head>
<title>Pruebas</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<input type="text" name="nombre" id="nombre">
<input type="text" name="apellido" id="apellido">
<input type="text" name="cedula" id="cedula">
<button onclick="GuardarDatos();" id="botonGuardar">Guardar</button>
<script type="text/javascript">
function GuardarDatos(){
var nombre = $("#nombre").val();
var apellido = $("#apellido").val();
var cedula = $("#cedula").val();
var parametros = {
"nombre" : nombre,
"apellido" : apellido,
"cedula" : cedula
};
$.ajax({
data: parametros,
url: 'confirmar.php',
type: 'post',
beforeSend: function () {
$("#botonGuardar").prop("disabled",true);
},
success: function (response) {
$("#botonGuardar").prop("disabled",false);
}
});
}
</script>
</body>
</html>
Agradesco mucho su ayuda.