html之SweetAlert2使用方法集锦（一）

方式一：

function check(id) {            var serverAddr = 'http://127.0.0.1:8000/app/index.html';            swal({                title: "",                text: "确定删除吗？",                type: "warning",                showCancelButton: "true",                showConfirmButton: "true",                confirmButtonText: "确定",                cancelButtonText: "取消"            }, function () {                var ids = [];                ids.push(id + "");                $.ajax({                    type: "post",                    url: serverAddr,                    traditional: true,                    dataType: "json",                    data: {"id": ids}                }).done(function (data) {                    swal("操作成功!", "已成功删除数据！", "success");                }).error(function (data) {                    swal("OMG", "删除操作失败了!", "error");                });            });        }

方式二：

$('button').click(function(){    swal({        title: "Are you sure?",        text: "You will not be able to recover this imaginary file!",         type: "warning",        showCancelButton: true,         confirmButtonColor: '#DD6B55',         confirmButtonText: 'Yes, delete it!',        cancelButtonText: "No, cancel plx!",         closeOnConfirm: false,         closeOnCancel: false          //imageUrl: "images/thumbs-up.jpg" 用于替换Title上方的图    },    function(isConfirm){        if (isConfirm){          swal("Deleted!", "Your imaginary file has been deleted!", "success");        } else {          swal("Cancelled", "Your imaginary file is safe :)", "error");        }    });};

方式三：

<button class="btn btn-danger center" onClick="check({{book.id}})">删除</button>  function check(id){              swal(                  {title:"",                  text:"",                  type:"warning",                  showCancelButton:true,                  confirmButtonColor:"#DD6B55",                  confirmButtonText:"",                  cancelButtonText:"",                  closeOnConfirm:false,                  closeOnCancel:false                  },                  function(isConfirm)                  {                      if(isConfirm)                      {                          swal({title:"删除成功！",                              text:"",                              type:"success"},function(){window.location=""+id})                      }                      else{                          swal({title:"已取消",                              text:"",                              type:"error"})                      }                  }                  )          }