js layer 自定义加载样式实现页面加遮罩效果

最新推荐文章于 2025-05-29 14:21:11 发布

原创最新推荐文章于 2025-05-29 14:21:11 发布 · 954 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何在前端使用jQuery的layer库进行用户交互确认，具体展示了在表单提交前的克隆确认过程，以及通过AJAX向服务器发送POST请求的详细代码实现。

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

1,效果图

【保存】
在这里插入图片描述
【确定】

【加载】

【确定】

2，代码


		 form.on('submit(formDemo)', function (data) {
            var index1=layer.confirm('克隆时间略长，确定克隆么?', function (index) {
                var planname =  $("#planname").val()
                var plancode =  $("#plancode").val()
                var postdata ={
                    formId:'${formId}',
                    planname: planname,
                    plancode:plancode,
                }
                layer.close(index1);
                var options = {shade: [0.4, '#eee']};
                var indexloading=layer.load(2, options);
                $.ajax({
                    url: '/*/copyfa',
                    method:'post',
                    data: postdata,
                    dataType:'JSON',
                    success: function (data) {
                        layer.close(indexloading);
                        if(data.success){
                            dLong.layerSuccess(data.msg,function () {
                                parent.layer.closeAll();
                                window.parent.toList();
                            })
                        }else {
                            dLong.layerError(data.msg,function () {
                            })
                        }
                    }
                });
            });
            return false;
        });