0

Que tal amigos tengo esta funcion en jQuery que elimina un registro de una dataTable, lo que necesito es que se muestre una confirmación al hacer clic en el boton eliminar de la tabla, para que aparezca si en realidad se desea borrar y otro boton de cancelar, este es mi codigo:

$(document).on("click", ".btn-delete", function(e){
    e.preventDefault();
    url = $(this).attr("href");
    $.ajax({
        url: url,
        type: "POST",
        success: function(resp){
            window.location.href = base_url + resp;
        }
    });
});   

Algo como esto Algo asi como este sweetalert:

3

2 respuestas 2

2

Puedes usar algo asi

<script>
$(document).on("click", ".btn-delete", function(e){
    e.preventDefault();
    url = $(this).attr("href");
    if(confirm("Esta seguro de eliminar?")){
        $.ajax({
            url: url,
            type: "POST",
            success: function(resp){
                window.location.href = base_url + resp;
            }
        });
    }
    return false;
});   
</script>}

Saludos :)

1
  • En base a tu respuesta la adapte para que se pudiera utilizar con SweetAlert, te dejo arriba mi respuesta basandome en la tuya.
    – WilsonicX
    el 6 sep. 2018 a las 2:59
1

Aca esta la solucion con SweetAlert espero que les sirva, a mi me sirvio de maravilla, gracias a los que mostraron interes en mi pregunta, saludos.

    $(document).on("click", ".btn-delete", function(e){
    e.preventDefault();
    url = $(this).attr("href");
    swal({
            title:"Esta seguro que desea eliminar este registro?",
            text: "Esta operacion es irreversible",
            type: "warning",
            showCancelButton: true,
            confirmButtonClass: 'btn btn-success',
            cancelButtonClass: 'btn btn-danger',
            buttonsStyling: false,
            confirmButtonText: "Eliminar",
            cancelButtonText: "Cancelar",
            closeOnConfirm: false,
            showLoaderOnConfirm: true,
        },
        function(isConfirm){
            if(isConfirm){
                $.ajax({
                    url: url,
                    type: "POST",
                    success: function(resp){
                        window.location.href = base_url + resp;
                    }
                });
                }
            return false;
        });
    });

SweetAlert

1
  • 1
    Genial @WilsonicX gracias por compartirlo ahora se ve mucho mejor :) el 6 sep. 2018 a las 3:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.