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

时间:2018-02-08 00:42:36

标签: javascript jquery ajax sweetalert

我有一个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);
      }
    });
  })
}

如果我选择取消选项,我该怎么办? :)

1 个答案:

答案 0 :(得分:2)

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

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

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

该“捕获”指令主要用于后台单击或模态关闭。我认为它代表“No Operation”,但我不确定。它适用于“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);
        }
      });
    }
  })
}