如何获取url中的参数并传递给iframe中的报表

在使用报表软件时，用户系统左边一般有目录树，点击报表节点就会在右侧网页的iframe中显示出报表，同时点击的时候也会传递一些参数给网页，比如时间和用户信息等。如何使网页中的报表能够获取到传递过来的参数呢？以下用报表软件FineReport简单介绍一些。

具体实现过程

将报表生成页面时，给网页添加onload事件，首先获取url中的参数，然后嫁接到iframe的src上，或者通过获得的参数拼接处完整的报表url赋给iframe的src。

<html><head><title>FineReport Demo</title><meta http-equiv="Content-Type" content="text/html; charset=GBK"><script type="text/javascript" src='/images/loading.gif' data-original="http://www.cnblogs.com//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中的报表，如下图：