layui.open 通过get和post方式提交数据

2023-10-30实例代码
796

layui.open 通过get和post方式提交数据的两种方式,示例代码如下,希望可以帮到您。

1. layui.open原生是通过get提交数据的:
                var url = "/train/class/stage?" + jQuery.param(stage);
                window.layerIndex = layer.open({
                    type: 2,
                    title: "编辑阶段",
                    shadeClose: true,
                    maxmin: true,
                    area: size,
                    content: [url, 'on'],
                    btn: ['确定','关闭'],
                    yes: function(index){
                        var res = window["layui-layer-iframe" + index].callbackdata();
 
                        layer.close(index);
                    },
                    cancel: function(){
                        //右上角关闭回调
                    }
                });
2. layui.open通过post提交打开弹层:
 $.ajax({
                    type: 'POST',
                    url: url,//发送请求
                    data: stage,
                    dataType: "html",
                    success: function (result) {
                        var htmlCont = result;//返回的结果页面
                        layer.open({
                            type: 1,//弹出框类型
                            title: "编辑阶段",
                            shadeClose: true,
                            maxmin: true,
                            area: size,
                            content: htmlCont,//将结果页面放入layer弹出层中
                            btn: ['确定','关闭'],
                            yes: function(index){
                                var res = window["layui-layer-iframe" + index].callbackdata();
 
                                layer.close(index);
                            },
                        });
                    }
                });
 
The End

相关推荐

layui下拉多选框xm-select.js插件的使用
创建容器 xm-select-demo,选择容器 隐藏赋值取值表单; div id="selected_box" class="layui-input-inline xm-select-demo" style="width:150px;"input type="hidden" id="poi_category_id"/div 异步获取代码 //获取分类; $.ajax({ type: 'get', url: "./ap...
2024-12-23 实例代码
99

mui消息框alert,confirm,prompt,toast实例
mui消息框alert,confirm,prompt,toast实例 script type="text/javascript" charset="utf-8" //mui初始化 mui.init({ swipeBack: true //启用右滑关闭功能 }); var info = document.getElementById("info"); document.getElementById("alertBtn").addEventL...
2024-12-21 实例代码
249

layui实现根据table数据判断按钮显示情况的方法
可以根据table的数据实现判断toolbar按钮的显示状态和情况 script type="text/html" id="barDemo" {{# if(d.status ==0){ }} a class="layui-btn layui-btn-mini" lay-event="examine"查看/a a class="layui-btn layui-btn-mini" lay-event="edit"编辑/a a cl...
2024-12-13 实例代码
121

gps定位坐标获取的几种常见方式
第一种:通过h5自带定位获取当前gps坐标 var options = { enableHighAccuracy: true, timeout: 5000, maximumAge: 0 }; function success(pos) { var crd = pos.coords; alert(crd.latitude+'---'+crd.longitude+'---'+crd.accuracy); console.log(`经度:${...
2024-11-22 实例代码
151

网页flex布局实现内容区域高度自适应实例代码
(1)在主容器container中创建header、main、footer等容器(div),display:flex开启flex布局,设置主容器的大小是很有必要的,flex布局将根据容器的大小来分配内部子元素的大小,所以配置了height: 100vh;width: 100%; (2)通过flex-direction: column改变容...
2024-11-15 实例代码
177

php使用curl模拟post传输文件的实例代码
文件发送的代码如下: ?$url = 'http://127.0.0.1/fujian/jieshou.php'; // 目标URL$filePath2 = iconv("utf-8","gb2312",'D:/MYOA/webroot/fujian/1/副本.txt'); // 文件路$filePath1 = iconv("utf-8","gb2312",'D:/MYOA/webroot/fujian/1/1.txt'); // 文件...
2024-11-01 实例代码
212