[英]Using sweet alert for confirmation of deletion record
我如何将这个正确的转换为使用甜蜜警报。
我在站点范围内使用此 function 并且使用 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;
}
提前致谢
使用 Sweetalert 创建一个新的确认提示,并在您的 if 条件中删除 vanilla js 确认提示。 如果确认为真,则进行删除 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;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.