Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用sweet alert确认删除记录_Javascript_Jquery_Sweetalert2 - Fatal编程技术网

Javascript 使用sweet alert确认删除记录

Javascript 使用sweet alert确认删除记录,javascript,jquery,sweetalert2,Javascript,Jquery,Sweetalert2,如何将此正确格式转换为使用sweet alert 我在站点范围内使用此函数,最好使用sweetalert2而不是通用javascript警报 提前感谢使用Sweetalert创建一个新的确认提示,并在您的if条件下删除vanilla js确认提示。如果确认为true,则进行deleteAJAX调用 请参阅下面的代码 jQueryAjaxDelete=form=>{ //随意修改 常量选项={ 标题:“删除”, text:“您确定要删除此记录吗?”, 键入:“警告”, showCancelBut

如何将此正确格式转换为使用sweet alert

我在站点范围内使用此函数,最好使用sweetalert2而不是通用javascript警报


提前感谢

使用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;
}