使用artDialog来美化页面的提示

你的名字 2023-06-28 09:52 7阅读 0赞

1.引入相关的文件  
![在这里插入图片描述][20200108163028298.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU4ODc1MQ_size_16_color_FFFFFF_t_70]  
2.下面是我写的一个删除操作的js代码:

//删除数据
        $(".btn_delete").click(function(){ 
            //获取要删除数据的id
            var id = $(this).data("id");
            art.dialog({ 
               title:"温馨提示",
                content:"删除的数据将永久删除,确认要删除吗?",
                ok:function(){ 
                    $.post("/employee_delete.action",
                        { 
                            'emp.id':id
                        },
                        function(data){ 
                            art.dialog({ 
                                title:"温馨提示",
                                content:data,
                                ok:function(){ 
                                window.location.reload();
                                }
                            });
                        });
                },
                cancel:true,
                okVal:"是",
                cancelVal:"否",
                icon:"warning"
            });
        });

最后附上学习的资料  
[相关文件和学习文档][Link 1]  
提取码:ks9x

[20200108163028298.png]: https://img-blog.csdnimg.cn/20200108163028298.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU4ODc1MQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200108163141961.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU4ODc1MQ==,size_16,color_FFFFFF,t_70
[Link 1]: https://pan.baidu.com/s/17dNn9IyprLoVqdqpY-J3qQ