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>
  • 相关阅读:
    Hdu 5595 GTW likes math
    HNOI2002 营业额统计(Splay Tree)
    hdu 5592 BestCoder Round #65(树状数组)
    hdu 5591 BestCoder Round #65(博弈)
    hdu5586 BestCoder Round #64 (div.2)
    NoSQL
    什么是关系型数据库
    关系型数据库与NOSQL
    关系型数据库
    centos6.x下安装eclipse
  • 原文地址:https://www.cnblogs.com/h1227/p/13040874.html
Copyright © 2011-2022 走看看