使用甜蜜警报来确认删除记录

Question

如何将此正确转换为使用甜蜜警报。

我在整个网站使用这个函数，使用sweetalert2而不是通用的javascript警报会很好。

https://sweetalert2.github.io/

jQueryAjaxDelete = form => {     
if (confirm('Are you sure to delete this record ?')) {
try {
$.ajax({
type: 'POST',
url: form.action,
data: new FormData(form),
contentType: false,
processData: false,
success: function (res) {
$('#view-all').html(res.html);
},
error: function (err) {
console.log(err)
}
})
} catch (ex) {
console.log(ex)
}
}
//prevent default form submit event
return false;
}

Thanks in advance

Answer 1

用Sweetalert创建一个新的确认提示，并删除if条件中的香草js确认提示。如果confirm为真，则执行delete ajax调用。

见下面的代码

jQueryAjaxDelete = form => {
// Modify as you wish
const sweetOptions = {
title: "Delete",
text: "Are you sure  you want to delete this record?",
type: "warning",
showCancelButton: true,
confirmButtonText: "Yes!",
cancelButtonText: "Cancel!",
closeOnConfirm: false,
closeOnCancel: false 
}

swal(sweetOptions, (isConfirmed) => {
if (isConfirmed) {
$.ajax({
type: 'POST',
url: form.action,
data: new FormData(form),
contentType: false,
processData: false,
success: function (res) {
$('#view-all').html(res.html);

// Fire a delete alert with SweetAlert here
swal("Deleted!", "Deleted!", "success");
},
error: function (err) {
console.log(err)
swal("Cancelled", "Delete failed", "error");
}
})
} else {
swal("Cancelled", "Delete cancelled", "error");
}
}
//prevent default form submit event
return false;
}