按钮操作某按钮之前,加提示信息然后操作,引入sweetalert.min.js和sweetalert.min.css

╰半橙微兮° 2024-04-18 15:32 17阅读 0赞

引入sweetalert.min.js和sweetalert.min.css

//如果操作状态时  
    if(status== "activateOrCancel")\{  
        var titleMsg="您确定修改该用户的状态吗";  
        var textMsg ="请谨慎操作！";  
        swal(  
                \{title:titleMsg,  
                text:textMsg,  
                type:"warning",  
                showCancelButton:true,  
                confirmButtonColor:"\#7ecff4",  
                confirmButtonText:"确认！",  
                cancelButtonText:"取消",  
                closeOnConfirm:false,  
                closeOnCancel:false  
                \},  
                function(isConfirm)\{  
                    if(isConfirm)\{  
                        //后台请求  
                        operUrl(status);  
                    \}  
                    else\{  
                        swal(\{title:"已取消",  
                            text:"您取消了修改状态操作！",  
                            timer : 3000,  
                            type:"error"  
                        \})  
                    \}  
                \}  
         )  
    \}else\{  
        operUrl(status);  
    \}  
    //后台请求查询  
   function operUrl(status\{  
       $.ajax(\{  
            type : "post",//请求方式  
            url :,//后台请求地址  
            dataType : "json",//接收数据类型  
            async : false,//异步请求  
            data : \{  
                addEditStatusReset : addEditStatusReset,  
                id : id,

name : name  
            \},  
            traditional : true,//传统序列化  
            error : function() \{  
                swal("操作失败!","重新操作",'error');  
            \},  
            success:function(data)\{  
                //修改状态成功时的提示信息  
                if(status== "activateOrCancel")\{  
                    var textMsgs = "您已经修改了该用户的状态."  
                \}else\{  
                    var textMsgs = "您已提交对用户信息的操作."  
                \}  
                swal(\{  
                    title : "操作成功!",  
                    text:textMsgs,  
                    type : "success",  
                    //倒计时,3秒之后自动关闭弹窗  
                    timer : 3000,  
                    confirmButtonText : "确定",  
                    closeOnConfirm : false  
                \});  
                //刷新列表  
                load();  
            \}  
        \});  
   \}

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25pbmd6eGc_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25pbmd6eGc_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25pbmd6eGc_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/3af7c9093dbb4b08a1518c26f9e0c94b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25pbmd6eGc_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/c8156a41d228415692fb1eac355c509c.png