layui type2 通过url给iframe子页面传值的例子
网络编程 2021-07-04 15:51www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇layui type2 通过url给iframe子页面传值的例子,具有的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
A页面 调用layui.layer.open
layui.use(["layer"], function () { layui.layer.open({ type: 2, title: "管理角色拥有的部门", btn: ["确定修改", "关闭"], content: '@Url.Content("~/Role/UserRoleView?rid=")'+a[0].ID + '&uid=' + a[0].UID,//这里指向office btn1: function (index, layero) { //获取子页面数据 var body = layer.getChildFrame('body', index); var addData = body.find("#listFalse li"); console.log(addData); var delData = body.find("#listTrue li") console.log(delData); if (addData.length==0&&delData.length==0) { layui.layer.closeAll(); layui.layer.msg("没有做任何修改!"); return false; } else { var url = '@Url.Content("~/Role/AddRemoveUsers2Role")'; if ($(addData).find("span").length != 0) { var data = getListData(addData); $.ajax({ type: "post", url: url, data: { "rid": a[0].ID, "uids": data }, suess: function (rst) { layui.layer.closeAll(); layui.layer.msg("添加用户成功,其用户名分别为" + data.toString()); } }) }; if ($(delData).find("span").length != 0) { var data = getListData(delData); $.ajax({ type: "post", url: url, data: { "rid": a[0].ID, "uids": data ,"Add":"false"}, suess: function (rst) { layui.layer.closeAll(); layui.layer.msg("删除用户成功,其用户名分别为" + data.toString()); } }) } } }, btn2: function () { layui.layer.closeAll(); } }) })
B页面获取解析为Object
//页面初始化 $(function () { var oid = args().oid;//获取父页面oid }) //获取index传参rid args为传递过来的所有参数,类型为OBJDECT,调用为args(); var args = function(params){ var a = {}; params = params || location.search; if(!params) return {}; params = decodeURI(params); params.replace(/(?:^\?|&)([^=&]+)(?:\=)([^=&]+)(?=&|$)/g,function(m,k,v){ a[k] = v; }); return a; };
以上这篇layui type2 通过url给iframe子页面传值的例子就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程