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>
  • 相关阅读:
    家庭记账本(七+每周总结)
    家庭记账本(六)
    家庭记账本(五)
    家庭记账本(四)
    家庭记账本(三)
    家庭记账本(二)
    家庭记账本(一)
    2021.2.14(每周总结)
    2021.2.13
    文件上传时报错in a frame because it set 'X-Frame-Options' to 'deny'.
  • 原文地址:https://www.cnblogs.com/h1227/p/13040874.html
Copyright © 2011-2022 走看看