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?');

浏览器中显示的消息看起来很简单，所以我想通过 Sweet Alert 消息来更改它……但我不知道怎么做！ ;(

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

“catch”指令主要是用于背景单击或模态关闭。我认为它代表“无操作”，但我不确定。它适用于其他任何“OK”或“Not OK”按钮。它抓住它并杀死它。

因此，如果您确实从两个按钮之一获得了“结果”，则适用“then”子句。
所以result 是一个反映用户选择的布尔真/假。

您的代码将是：

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