在当前页面打开新窗口并传送数据

洼地云 tuoyidashi.png

这篇文章要解决的问题是:实现在当前页面打开一个新的页面,同时,还要传送数据过去。

在当前页面打开新页面的方法是windown.open()(参考:参数更多方法介绍),然后在此过程中我还需要将一些参数传递获取,目前找到的解决方法如下:

首先是当前页面(也可以称为父页面),我们可以通过下面的方式配置传递参数的方式:

 //设置向后台发送的查询数据
  var postData ={'hostIp':rowData.hostIp,'appName':rowData.appName};
 //设置父窗口的参数,然后在打开的子窗口中使用opener获取此参数
 window['filter'] =postData;
 window.open("loadLogRangePage.action","_blank");

然后是新页面(也可以称为子页面),我们可以通过下面的方式得到父页面的参数:

 var data = window.opener['filter'];
 var hostIp = data['hostIp'];

上面过程的思路就是,我们先在父窗口,通过window[‘filter’]的方式,定义了父窗口的一个filter属性,并为此属性赋值。然后我们在子页面通过window.opener[‘filter’]就获得了父窗口的filter属性的值。如果你接下来想在新页面,把刚刚得到的参数,通过ajax的方式传递给后台,可能需要参考【这里】。

这是介绍的页面与页面之间的传参,如果是前台与后台之间的传参,请参考【这里

赞(0)
未经允许禁止转载:优米格 » 在当前页面打开新窗口并传送数据

评论 抢沙发

合作&反馈&投稿

商务合作、问题反馈、投稿,欢迎联系

广告合作侵权联系

登录

找回密码

注册