2021-12-16 工作记录--LayUI-接收layer.open中content携带的参数

接收layer.open中content携带的参数

一、实现效果：

点击 父页面(index.html) 表格中某行的查看按钮，将该行的id值传给 子页面(get_check_data.html)

二、代码：

1、父页面(index.html)代码

HTML：

<!--工具条事件-在表格的每一行加上查看按钮-->
<script type="text/html" id="barDemo">
    <button class="layui-btn layui-btn-xs layui-btn-danger" onclick="checkContent('{{ d.id }}')">查看</button>
</script>

JS：

<script>
    function checkContent(id) {
        layer.open({
            type: 2, // iframe层
            shadeClose:true, // 点击遮罩层，弹窗关闭
            move: false, // 弹窗不可拖曳
            title:'查看', // 标题
            area:openD().area, // 宽高
            offset:openD().offset,
            content:"{:url('attendance.newCheckwork/getCheckData')}?id="+id, // 需要弹出的页面地址及携带的参数id
        })
    }
    </script>

【补充：
关于工具条事件就不多写了，注意下图的相对应即可，详情可参考我的另外一篇博客：https://blog.csdn.net/weixin_48850734/article/details/115380793

】

2、子页面(get_check_data.html)代码

JS：【重点来啦~】

// 获取链接里面的参数——百度过来滴方法，嘻嘻(●'◡'●)
  function RequestParameter(){
    var url = window.location.search; // eg: ?id=18839
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      var strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) {
        theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
      }
    }
    return theRequest
  }
  
  // 下面注释的两行代码只是为了更好地理解上面封装的函数
  // var params = RequestParameter(); 
  // console.log(params ); // eg: {id: "18839"}
  
  // 获取到父页面（index.html）中layer.open的content携带过来滴参数id
  var id=RequestParameter().id; // 也可以写成 var id=RequestParameter()["id"]
  console.log(id); // eg: 18839