¿Cómo se muestra un cuadro de diálogo de confirmación antes de enviar un formulario con el método jQuery ajax?

Question

Estoy usando jquery ajax para eliminar un cliente de una tabla. ¿Cómo mostraría un cuadro de confirmación antes de enviar el formulario? Preferiría usar el diálogo de jQuery.

He visto preguntas como esta antes, pero ninguna de ellas me ha ayudado.

Este es mi código:

$.ajax({ 
     type: "POST", 
     url: "delete/process.php", 
     data: "delcustomerid="+ delcustomerid, 
     success: refreshTable 
    }); 

Answer 1

El ajax function has a beforeSend event que se puede utilizar para mostrar el cuadro de diálogo antes de enviar el formulario.

Si el cuadro de diálogo indica que el formulario no debe enviarse, devolverá falso de su función para que el envío del formulario no se realice.

En su caso, se debe hacer lo siguiente:

$.ajax({ 
    beforeSend: function (request) { 
     // This is where you show the dialog. 
     // Return false if you don't want the form submitted. 
    }, 

    type: "POST", 
    url: "delete/process.php", 
    data: "delcustomerid="+ delcustomerid, 
    success: refreshTable 
}); 

Si emite un POST para la forma (que parece que lo son), que altamente recomiendo que tome un vistazo a la jQuery form plugin ya que simplifica el proceso de envío de formularios a través de llamadas AJAX, y utiliza todos los mismos parámetros que hace una llamada al ajax.

Answer 2

Debe crear una función que realice la llamada que muestra después de comprobar la entrada del usuario.

por ejemplo:

function DeleteWithCheck() { 
    if (confirm("Are you sure you want to delete customer "+delcustomerid.ToString())) 
    { 
    $.ajax({ 
     type: "POST", 
     url: "delete/process.php", 
     data: "delcustomerid="+ delcustomerid, 
     success: refreshTable 
    }); 
    } 
    else 
    alert("Aborted"); 
} 

llamar a esta función cuando se quiere hacer el borrado.