<script>
$('.del').on('click',function () {
    // 先将当前标签对象存储起来
    let currentBtn = $(this);
    // 二次确认弹框,在swal当中添加ajax请求,
    // 点击swal的按钮才可以向后端发送ajax请求,后端返回状态码
    //前端收到状态码进行判断,如果判断码和后端的一致
    // 如果一致显示删除的信息
    //点击取消则不发送ajax请求,数据不删除

    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:'',
                type:'post',
                data:{'delete_id':currentBtn.attr('delete_id')},
                success:function (args) {
                    // 后端的状态码消息样式 args = {'code':'','msg':''}
                    // 判断响应状态码 然后做不同的处理
                    if(args.code === 1000){
                        swal("删了!", args.msg, "success");
                        // 2.动态的刷新删除的数据
                        currentBtn.parent().parent().remove()
                    }else{
                        swal('错误','出现了位置的错误','info')
                    }
                }

            })

      } else {
        swal("NO~", "数据安全了", "error");
      }
    });
})</script>
分类: 暂无分类 标签: javascript

评论

暂无评论数据

暂无评论数据

目录