javascript - Sweet Alert Confirm - 获取用户响应

Question

我有一个 JS 文件，其中有一个这样的函数:

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

浏览器显示的消息看起来很简单，所以我想用一个甜蜜的警报消息来改变它……但我不知道怎么办! ;(

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;
}

************************ 已编辑帖子 ********************** *********新代码

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);
      }
    });
  })
}

如果我选择取消选项，我该如何中断操作？？？ :)

Answer 1

假设你有一个“swal”在工作。

我如何管理“确认”决定:

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

“捕捉”指令主要用于后台点击或模态关闭。我认为它代表“无操作”，但我不确定。它适用于“OK”或“Not OK”按钮。它捕获并杀死它。

因此，如果您实际上从两个按钮之一获得了“结果”，则适用“then”子句。
所以 result 是反射(reflect)用户选择的 bool 值 true/false。

您的代码将是:

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);
        }
      });
    }
  })
}