Javascript 使用sweet alert确认删除记录
如何将此正确格式转换为使用sweet alert 我在站点范围内使用此函数,最好使用sweetalert2而不是通用javascript警报Javascript 使用sweet alert确认删除记录,javascript,jquery,sweetalert2,Javascript,Jquery,Sweetalert2,如何将此正确格式转换为使用sweet alert 我在站点范围内使用此函数,最好使用sweetalert2而不是通用javascript警报 提前感谢使用Sweetalert创建一个新的确认提示,并在您的if条件下删除vanilla js确认提示。如果确认为true,则进行deleteAJAX调用 请参阅下面的代码 jQueryAjaxDelete=form=>{ //随意修改 常量选项={ 标题:“删除”, text:“您确定要删除此记录吗?”, 键入:“警告”, showCancelBut
提前感谢使用Sweetalert创建一个新的确认提示,并在您的if条件下删除vanilla js确认提示。如果确认为true,则进行deleteAJAX调用 请参阅下面的代码
jQueryAjaxDelete=form=>{
//随意修改
常量选项={
标题:“删除”,
text:“您确定要删除此记录吗?”,
键入:“警告”,
showCancelButton:true,
confirmButtonText:“是的!”,
cancelButtonText:“取消!”,
CloseOnConfig:false,
closeOnCancel:错误
}
swal(sweetOptions,(已确认)=>{
如果(未确认){
$.ajax({
键入:“POST”,
url:form.action,
数据:新表单数据(表单),
contentType:false,
processData:false,
成功:功能(res){
$('#查看全部').html(res.html);
//在此处使用SweetAlert触发删除警报
swal(“删除!”、“删除!”、“成功”);
},
错误:函数(err){
console.log(错误)
swal(“已取消”、“删除失败”、“错误”);
}
})
}否则{
swal(“已取消”、“删除已取消”、“错误”);
}
}
//防止默认表单提交事件
返回false;
}
这回答了你的问题吗?谢谢你,我的javascript不是最好的。这个工作的grand Swal真的很好,我讨厌看到今天和这个时代的旧提示。有道理,我不知道他们为什么要否决你的问题,这是非常有效的。我做了一点重构,你不需要try/catch
块,因为ajax调用成功
和错误方法会为您处理这些问题。
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;
}