如何获取url中的参数并传递给iframe中的报表
在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等。如何使网页中的报表能够获取到传递过来的参数呢?以下用报表软件FineReport简单介绍一些。
具体实现过程
将报表生成页面时,给网页添加onload事件,首先获取url中的参数,然后嫁接到iframe的src上,或者通过获得的参数拼接处完整的报表url赋给iframe的src。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
< html >
< head >
< title >FineReport Demo</ title >
< meta http-equiv = "Content-Type" content = "text/html; charset=GBK" >
< script type = "text/javascript" src = "/WebReport/ReportServer?op=emb&resource=finereport.js" ></ script >
< script type = "text/javascript" >
function autoLoad(){
//返回从问号 (?) 开始的 URL(查询部分)
var paraString = location.search;
//多个参数用&分隔,将参数字符串转为数组,使每个参数值存于一个数组元素中
var paras = paraString.split("&");
//每个数组元素中"="后面的值即参数值
var reportName = paras[0].substr(paras[0].indexOf("=") + 1);
var area = paras[1].substr(paras[1].indexOf("=") + 1);
var province = paras[2].substr(paras[2].indexOf("=") + 1);
var city = paras[3].substr(paras[3].indexOf("=") + 1);
//使用获取的参数值拼接出最终的url
var reportURL = "/WebReport/ReportServer?reportlet=" + reportName + "&area=" + area + "&province=" + province + "&city=" + city;
//url中可能包含中文或特殊字符因此需要进行编码转换,注意需要先引入finereport.js
reportURL = FR.cjkEncode(reportURL);
//将新的报表路径赋给报表所在iframe的src
document.getElementById("reportFrame").src = reportURL;
}
//加载网页时调用autoLoad方法
window.onload = autoLoad;
</ script >
</ head >
< body >
< iframe id = "reportFrame" width = "900" height = "400" ></ iframe >
</ body >
</ html >
|
将代码保存为geturlpara.html,保存在工程下的page_demo文件夹下。
使用管理员登录决策平台,点击管理系统>报表管理,点击添加链接,链接路径为:page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡,名称为:url参数传递给iframe中的报表,如下图:
这样刷新fs,就可以看到左侧目录树中多了一个节点,点击该节点后,就可以在右侧网页的iframe中显示出报表包括传递给网页的参数。
效果查看
如下图,点击左侧“url参数传给iframe中的报表”节点时,即打开相对应的链接,对应网页就会在中间区域显示出来:
本文转自 雄霸天下啦 51CTO博客,原文链接:http://blog.51cto.com/10549520/1876302,如需转载请自行联系原作者
如何获取url中的参数并传递给iframe中的报表相关推荐
- 正则表达式获取url后面的参数截取微信支付code值(微信内置浏览器里使用微信支付)
需求是在移动端的微信内置浏览器里使用微信支付,需要跳转到一个自定义的页面去,获取code值,支付成功之后,还要跳转回去原来的页面. url格式: http://xxx.com/?code=061NnY ...
- js 获取url多个参数
1.js获取单个参数 js获取url传递里面的参数 url="http://t.html?id=151"; var url = window.location.href; var ...
- php url参数用–,php获取URL各部分参数
url是统一资源定位符,对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.本文将介绍用PHP函数获取URL各部分参数的使用方法. parse_url() 该函数可以 ...
- Javascript获取URL地址的参数
什么是URL地址的参数 在网页访问的时候,我们会通过url地址来传递参数. 例如,url地址类似: http://www.pingbuwang.com/index.html?a=12&b=he ...
- 获取url后面的参数以及参数值
1.获取url地址后的值(包含?) window.location.search; //获取url中"?"符后的字符串 比如url 为: https://editor.csdn.n ...
- js 获取URL后面的参数
1.有时间由于缓存问题,用PHP可能就不是太好处理,所以可以用客户端进行URL的处理 如下:js 获取URL后面的参数 <script> function getUrlParam(name ...
- html获取url上的参数
//获取url上的参数 function getQueryString(name) {var reg = new RegExp("(^|&)" + name + " ...
- JS获取url多个参数及解决中文乱码问题
JS获取url多个参数及解决中文乱码问题 参考文章: (1)JS获取url多个参数及解决中文乱码问题 (2)https://www.cnblogs.com/weimingxin/p/7349564.h ...
- js获取url上的数据;angularjs获取url上的参数
<script> var id= location.search.substring(1).split('=')[1] //获取url上的数据 </script> ====== ...
最新文章
- 查看服务器硬盘负载——判断硬盘是否为瓶颈
- 2019-02-24-算法-进化
- 作者:牛新(1983-),男,博士,国防科学技术大学并行与分布处理重点实验室助理研究员...
- 在Ubuntu 13.10 下安装支持SSL的Apache
- Java创建线程的三种方法
- USB协议 - UVC标准协议规范(二)
- 易速联服务器稳定吗,异速联如何保障应用安全性?
- 等级保护三级基本要求
- python傅里叶谐波分析_利用傅里叶谐波分析法的时序数据周期迭代辨识算法
- 方舟建服务器局域网显示,方舟生存进化怎么新建局域网
- Mycat分库分表案例demo
- 比赛打不好怎么办——怎么制定NOI赛制的考试策略
- 2017级算法第二次上机-C.芸如的入学测试
- Java 汽车租赁管理系统
- python数据分析及可视化(十七)聚宽(双均线分析、因子选股策略、多因子选股策略、均值回归理论、布林带策略、PEG策略、权重收益策略)
- echaarts水滴(水球图)波浪效果
- tensorflow tf.tile 使用教程·
- fatal: unable to access ‘https://github.com/golang/tools.git/‘: Encountered end of file
- 使用Template控制Editor显示方式
- opencv之图像矩 image moments