layer open 子页面调用父页面的方法

最新推荐文章于 2021-11-04 17:21:46 发布

暴走的Aluuubbarrrr

最新推荐文章于 2021-11-04 17:21:46 发布

阅读量5.9k

点赞数 1

分类专栏：前端文章标签： layer open layui 父子页面子页面

本文链接：https://blog.csdn.net/qq_37162090/article/details/105035279

版权

前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

问题情景：比如收货地址列表我要新增一个地址，使用layer的弹窗获取用户输入信息，在保存的时候调用父页面已经定义的获取收货地址列表的方法，以此来不刷新页面的同时，刷新列表，并关闭子页面。

父页面 A.HTML 如下

父页面
在进入页面是通过自定的 getList 方法获取列表信息。
点击新增收货地址按钮后弹窗，B.HTML 页面。

// 弹窗代码
layer.open({
  title: '新增收货地址'
  ,type: 2
  ,area: ['600px', '650px']
  ,fixed: false //不固定
  //,maxmin: true
  ,content: baseURL+'/B.html?userId='+userId+"&status=1"
  ,success: function(layero, index){
	  var body = layer.getChildFrame('body', index);//获取子页面内容
	  var iframeWin = window[layero.find('iframe')[0]['name']];
  }
});

在这里插入图片描述

在点击提交后使用js 自带的eval方法，来实现调用父页面的方法。

// 掉用父页面的获取列表方法
var evalStr = "parent.getList('"+userId+"')";
// 把字符串解析成js代码执行
eval(evalStr);
// 关闭子页面
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);