layui type2 通过url给iframe子页面传值的例子


Posted in Javascript onSeptember 06, 2019

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 },
                    success: 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"},
                    success: 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子页面传值的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js防止表单重复提交实现代码
Sep 05 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
浅谈jQuery中height与width
Jul 06 Javascript
JS获取元素多层嵌套思路详解
May 16 Javascript
jquery广告无缝轮播实例
Jan 05 Javascript
JavaScript实现旋转轮播图
Aug 18 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
Jan 07 Javascript
使用layui的router来进行传参的实现方法
Sep 06 #Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 #Javascript
layui关闭层级、简单监听的实例
Sep 06 #Javascript
layui表格内容溢出的解决方法
Sep 06 #Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 #Javascript
vue中 this.$set的用法详解
Sep 06 #Javascript
在layui中select更改后生效的方法
Sep 05 #Javascript
You might like
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
js精度溢出解决方案
2012/12/02 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
详解各版本React路由的跳转的方法
2018/05/10 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
[02:10]DOTA2亚洲邀请赛 EG战队出场宣传片
2015/02/07 DOTA
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
Python运维之获取系统CPU信息的实现方法
2018/06/11 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Python3 修改默认环境的方法
2019/02/16 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
python学习将数据写入文件并保存方法
2020/06/07 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
奥地利网上现代灯具和灯饰店:Lampenwelt.at
2018/01/29 全球购物
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
人事文员岗位职责
2014/02/16 职场文书
暑期社会实践感言
2014/02/25 职场文书
数控专业毕业生自荐信范文
2014/03/04 职场文书
中学生学雷锋活动心得体会
2014/03/10 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
优秀班主任申报材料
2014/12/16 职场文书
Redis基本数据类型List常用操作命令
2022/06/01 Redis