甜蜜警报确认 - 获取用户响应

Question

I have a JS file where I have a function like this:

function eliminarProducto(id){
  var url = '../php/apartado/elimina_producto.php';
  var pregunta = confirm('Are you sure to delete this user?');

The message showed in the browser looks simple, so I want to change it by an Sweet Alert message... But I don't know how! ;(

if(pregunta==true){
  $.ajax({
    type:'POST',
    url:url,
    data:'id='+id,
    success: function(registro){
      $('#agrega-registros').html(registro);
      return false;
    }
  });
  return false;
}else{
  return false;
}

*********************** EDITED POST ****************************** NEW CODE

function eliminarProducto(id){
  var url = '../php/apartado/elimina_producto.php';

  swal({
    title: '¡Atención!',
    text: "¿Desea eliminar el registro?",
    type: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Aceptar'
  }).then(function(){
    $.ajax({
      type:'POST',
      url:url,
      data:'id='+id,
      success: function(registro){
        $('#agrega-registros').html(registro);
      }
    });
  })
}

How can I break the action in case if I select the option cancel??? :)

Answer 1

Assuming you have a "swal" working.

How I manage the "confirm" decision is:

.catch(swal.noop).then(function(result){...});

That "catch" instruction is for the background click OR modal close, mainly. I think it stands for "No Operation" , but I'm unsure. It is for whatever else the "OK" or "Not OK" buttons. It catches that and kills it.

So if you actually have a "result" from one of the two buttons, the "then" clause applies.
So result is a boolean true/false reflecting user's choice.

Your code would be:

function eliminarProducto(id){
  var url = '../php/apartado/elimina_producto.php';

  swal({
    title: '¡Atención!',
    text: "¿Desea eliminar el registro?",
    type: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Aceptar'
  }).catch(swal.noop).then(function(result){  // Change here.
    if(result){                               // If "yes" from user.
      $.ajax({
        type:'POST',
        url:url,
        data:'id='+id,
        success: function(registro){
          $('#agrega-registros').html(registro);
        }
      });
    }
  })
}