博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
layui使用 ——父,子页面传值
阅读量:6976 次
发布时间:2019-06-27

本文共 3117 字,大约阅读时间需要 10 分钟。

    页面传值是非常常用的,layui自带弹窗功能,但是内置使用的是location.href 暂时没找到方法条件请求头,所以在后台需要放开拦截器,

  

layer.open({                    type : 2,                    title: "分类详情",                    area: ["50%","90%"],                    closeBtn: false,                    shadeClose: true, //点击遮罩关闭                    btn: ['保存', '关闭'] ,                    yes: function(index,layero){                        var winds = $(layero).find("iframe")[0].contentWindow;                       var itemCatDetail ={                            cateDeId:winds.cateDeId,                            cateId:data.catId,                            introduction:winds.layedit.getContent(winds.editor),                            imgStr:winds.imgUrlList,                            videoStr:winds.videoUrl                        }                        console.log(JSON.stringify(itemCatDetail));                        if(!lock) {                            lock=true;                            layui.$.ajax({                                type: "POST",                                url: "/itemCat/addItemCatDetail",                                data: JSON.stringify(itemCatDetail),                                dataType: 'json',                                contentType: "application/json; charset=utf-8",                                beforeSend: function (XMLHttpRequest) {                                    XMLHttpRequest.setRequestHeader("token", layui.data(layui.setter.tableName)["token"]);                                },                                success: function (res) {                                    layer.msg(res.msg);                                    var iframeWin = window[layero.find('iframe')[0]['name']];                                    iframeWin.location.reload;                                },                                complete: function( xhr,data ){                                    layui.data(layui.setter.tableName, {                                        key: "token",                                        value: xhr.getResponseHeader("token")                                    })                                }                            });                        }                    },                    btn2: function(){                        layer.closeAll();                    },                    shade: 0,                    content : "CateDetail.html",                    success:function(layero,index){                        var body = layer.getChildFrame('body', index);                        body.contents().find("#cateId").val(data.catId);                    }});            }
在layer.open的success方法中拿到子页面的body对象 var body = layer.getChildFrame('body', index); 然后对隐藏的中赋值  body.contents().find("#cateId").val(data.catId);此时直接获取即可  然后可以使用 var winds = $(layero).find("iframe")[0].contentWindow;获取子页面的window对象可以拿到子页面定义的变量的值,即可获取子页面的值,然后请求后台即可 子页面也可以使用 $("#back").click(function () { var indexNow = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.location.reload(); parent.layer.close(indexNow); }) 关闭子页面,并刷新父页面

转载于:https://www.cnblogs.com/fmlyzp/p/10663800.html

你可能感兴趣的文章
Spring Boot 应用教程
查看>>
硬件维修大全
查看>>
OpenStack(Kilo版本)基础架构学习笔记
查看>>
Memcache 查看列出所有key方法
查看>>
【16】Python文艺的三级菜单
查看>>
漫画告诉你什么是“DDoS”攻击?
查看>>
RDD的缓存
查看>>
【转】浅析Android动画(一),View动画高级实例探究
查看>>
Android 本机号码的获取
查看>>
Windows 无法upload 或无法register本地模块到pypi上的解决
查看>>
@Component, @Repository, @Service的区别
查看>>
我的友情链接
查看>>
Oracle管理权限和角色(学习笔记)
查看>>
我的友情链接
查看>>
嵌入式Linux裸机开发(五)——SDRAM初始化
查看>>
Mysql采坑只utf8
查看>>
MongoDB实战系列之二:MongoDB的常用操作
查看>>
实现LVM逻辑卷实例练习
查看>>
各商业调拨数据查询
查看>>
重写系统Crash处理类,保存Crash信息到SD卡 和 完美退出程序的方法
查看>>