点击删除按钮弹出对话框提示是否删除

最新推荐文章于 2024-09-14 08:30:00 发布

h_maggie

最新推荐文章于 2024-09-14 08:30:00 发布

阅读量1.9w

点赞数 1

分类专栏： javascript 文章标签： javascript ajax

本文链接：https://blog.csdn.net/h_maggie/article/details/79579565

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文介绍了如何使用layer.js库中的confirm方法来创建带有确认和取消选项的对话框。通过具体的示例代码展示了如何根据用户的点击行为（确认或取消）进行不同的响应处理，包括调用后台API以及如何展示相应的消息提示。

摘要由CSDN通过智能技术生成

功能原理：

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。

在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 confirm() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。

使用layer方法：

<script type="text/javascript">
        $('#test1').on('click', function(){
            layer.confirm('确定删除吗？', {
                btn: ['确定','取消']     //按钮
                }, function(){           //点击确定访问后台
                    
			// 这里写自己的ajax代码
			
			//在后台返回结果为成功的函数里面写上下面代码

                        	layer.msg('已删除', {icon: 1});
			
			//在后台返回结果为失败的函数里面写上下面代码
				
				layer.msg('删除失败', {icon: 1}); 

                     
                }, function(){   	//点击取消则中断操作

                    layer.msg('已取消', {

                    time: 2000, //2s后自动关闭  
                 
                });
            });
        });
</script>

// 若有侵权，请联系我删除