Skip to main content
1 de 6
Rafael Acosta
  • 4.4k
  • 3
  • 14
  • 23

Lo que se suele hacer en estos casos, es deshabilitar el botón que realiza el Submit (en tu caso "Aceptar"), mientras se realiza la llamada Ajax.

Suponiendo que tu botón "Aceptar" tenga como identificador: id="IdAceptar", el código sería el siguiente:

///////////////////////////////////////
// Deshabilitamos el botón de Submit //
///////////////////////////////////////
$("#IdAceptar").prop("disabled", true);

$.ajax({
    type: "POST",
    datatype: "json",
    url: "frmPersona.aspx/Agregar_Persona",
    contentType: "application/json; charset=utf-8",
    data: '{id_persona:"' + id_persona + '",nombre:"' + $("#txtNombre").val() + '",Ciudad:"' + $("#txtCiudad").val() + '"}',
    cache: false,
    success: function (data) {    

        ////////////////////////////////////
        // Habilitamos el botón de Submit //
        ////////////////////////////////////
        $("#IdAceptar").prop("disabled", false);

        $("#popup_insertado_correctamente").modal('show'); // Muestra modal si se inserto correctamente
                              
        // Aqui pienso hacer una consulta mediante ajax y 
        // hacer una condicion pero no se si sea correcto y 
        // no se como hacer la condicion paa que en caso de que 
        // ya existe no se inserte nuevamente recordando 
        // que me pidieron no cerrar la modal.                                                                 
    },
    error: function (error) {

        ////////////////////////////////////
        // Habilitamos el botón de Submit //
        ////////////////////////////////////
        $("#IdAceptar").prop("disabled", false);

        alert(error.responseText);
        console.log(error.responseText);
        jsonValue = jQuery.parseJSON(Error.responseText);
        alert(error.respose.Text);
        alert("Error");
    }
});
Rafael Acosta
  • 4.4k
  • 3
  • 14
  • 23