layui 检测开关变化即时发送请求

// seitch(lay-filter)  , lay-filter 是开关的一个属性值

html

<input type="checkbox" lay-skin="switch" data="'+ v.id +'" lay-filter="show-state" >

form.on("switch(show-state)", function(data){
            var id = $(this).attr("data");
            var checked = data.elem.checked;  // 用来检测开关状态， 开为 true 关为 flase
            var show_state =  checked==false?"off":"on" ;  // 根据状态来为其赋值
            // 以上内容为主要内容


　　　　　　　 // ajax 请求直接改变状态
            $.ajax({
                url: urlPath + "/api/dash/skins_preview/"+id+"?about=show",
                type: "PUT",
                contentType: "application/json",
                headers: {"Authorization": "Bearer " + sessionStorage.getItem("token")},
                data: JSON.stringify({"show": show_state}),
                success: function(data){
                    if(data.msg=true){
                        layer.msg("成功");
                    }else{
                        layer.msg(data.msg);
                    }
                },
                error: function(xhr){
                    layer.msg(xhr.msg);
                }

            })
        })
        // 预览图 展示状态 end ----------------------------------------
});