layui 禁用启用的确定提示弹窗

最新推荐文章于 2024-03-25 09:58:11 发布

幻影阿飛

最新推荐文章于 2024-03-25 09:58:11 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： html layui

本文链接：https://blog.youkuaiyun.com/qq_37121548/article/details/80896109

html 同时被 2 个专栏收录

7 篇文章

订阅专栏

layui

7 篇文章

订阅专栏

本文介绍了一个使用layer.js弹层库实现的资源状态变更确认框功能，包括启用和禁用项目的确认流程。通过JavaScript实现了AJAX异步请求，根据用户的选择启用或禁用指定ID的项目，并更新商家平台的服务状态。

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

function enable(id, resState) {
        var context = null;
        if (1 == resState) {
            context = "该项目启用后即展现在商家平台，商家可提交资源申请，确定启用该项目？";


        } else if (0 == resState) {
            context = "该商品禁用后商家平台服务市场不可见，商家不可以再下单购买，确定禁用该商品？";
        }
        layer.confirm(context, {
            btnAlign: 'c' //按钮居中
            , btn: ['确定', '取消'], //按钮
            title: "提示"
        }, function () {
            $.ajax({
                type: "get",
                url: "/resource/enableResource",
                data: {id: id, resState: resState},
                //返回数据的格式
                datatype: "json",
                success: function (data) {
                    if (data) {
                        window.location.href = "/resource/getResourceList?resType=103";
                    } else {
                        console.log("禁用失败");
                    }


                },
                error: function () {
                    //请求出错处理
                    console.log("操作出错了");
                }
            });
        });


    }