zoukankan      html  css  js  c++  java
  • ajax结合sweetalert

    <script>
    $('.del').on('click',function () {
    // 先将当前标签对象存储起来
    let currentBtn = $(this);
    // 二次确认弹框
    swal({
    title: "你确定要删吗?",
    text: "你可要考虑清除哦,可能需要拎包跑路哦!",
    type: "warning",
    showCancelButton: true,
    confirmButtonClass: "btn-danger",
    confirmButtonText: "是的,老子就要删!",
    cancelButtonText: "算了,算了!",
    closeOnConfirm: false,
    closeOnCancel: false,
    showLoaderOnConfirm: true
    },
    function(isConfirm) {
    if (isConfirm) {
    // 朝后端发送ajax请求删除数据之后 再弹下面的提示框
    $.ajax({
    {#url:'/delete/user/' + currentBtn.attr('delete_id'), // 1 传递主键值方式1#}
    url:'/delete/user/', // 2 放在请求体里面
    type:'post',
    data:{'delete_id':currentBtn.attr('delete_id')},
    success:function (args) { // args = {'code':'','msg':''}
    // 判断响应状态码 然后做不同的处理
    if(args.code === 1000){
    swal("删了!", args.msg, "success");
    // 1.lowb版本 直接刷新当前页面
    {#window.location.reload()#}
    // 2.利用DOM操作 动态刷新
    currentBtn.parent().parent().remove()
    }else{
    swal('完了','出现了位置的错误','info')
    }
    }

    })

    } else {
    swal("怂逼", "不要说我认识你", "error");
    }
    });
    })

    </script>
  • 相关阅读:
    三者最大实例分析
    Python eval函数
    Linux查看某个进程的线程
    将列表传递给函数
    二十四、二进制日志截取与恢复
    二十三、二进制日志事件
    二十二、二进制日志记录方式
    二十一、二进制日志介绍
    二十、错误日志
    十九、InnoDB核心参数
  • 原文地址:https://www.cnblogs.com/h1227/p/13040874.html
Copyright © 2011-2022 走看看