mensaje de carga jquery

[Alexis88]

Puedes evitar esto de muchas formas, por ejemplo, deshabilitando el botón mientras no se obtenga una respuesta de la petición, ocultándolo o usando una variable cuyo valor determinará si se puede volver a realizar un envío de los datos.

Por ejemplo:

Código HTML:

<form id = "ejemplo">
    <!-- Los elementos de ingreso de datos del formulario -->
 
    <input type = "submit">
</form>
 

Código Javascript:

$("#ejemplo").on("submit", function(event){
    event.preventDefault();
 
    $.ajax({
        url: "ejemplo.php",
        type: "get",
        data: {
            foo: "bar"
        }
        beforeSend: function(){
            $(this).find("[type=submit]").hide(); //Oculto al botón al realizar el envío
        }
    }).done(function(response){
        $(this).find("[type=submit]").show(); //Muestro al botón al recibir la respuesta
        //...
    });
});
 

Saludos