layui 点击右上角cancel 按钮后，重新刷新页面

最新推荐文章于 2023-05-25 11:34:10 发布

.Passion

最新推荐文章于 2023-05-25 11:34:10 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_43923045/article/details/108307310

前端专栏收录该内容

43 篇文章

订阅专栏

本文介绍如何使用Layer.js库创建自定义弹窗，并通过AJAX实现学生信息的删除功能。详细解释了openAlert和deleteEvent函数的实现细节，包括设置弹窗属性、触发页面刷新及发送DELETE请求到API。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 //弹框
        function openAlert(self) {
            // let $modal = $('#modal');
            layer.open({
                type:2,
                content:'editStudent?studentId=1',
                id:'888',
                area:['900px','600px'],
                cancel:function(){
                    window.location.reload();
                }

            })
        }

其他案例：

function deleteEvent($this) {

            var stuId = $this.parent('div').data('stuid');
            layer.alert('确定要删除吗', {
                icon: 6,
                btn:['确定','取消'],
                btn1:function () {
                    let api = '/api/student/'+stuId;
                    $.ajax({
                        url : api,
                        type : "DELETE",
                        success : function(result){
                            console.log(api);
                            alert(JSON.stringify(result))
                            if(result.msg=='ok') {
                                // alert(result);
                                console.log("删除成功")
                                layer.closeAll()
                                window.location.reload()
                            }
                        }
                    })

                    console.log("删除"+stuId);
                },
                btn2: function () {
                    console.log("取消删除"+stuId);
                }

            });
        }


function openAlert($self) {
            // let $modal = $('#modal');
            let url = 'editStudent?studentId='+$self.parent('div').data('stuid');
            layer.open({
                type:2,
                content:url,
                id:'888',
                area:['900px','600px'],

                cancel:function(){
                    window.location.reload();
                }

            })
        }