如何獲取url中的參數並傳遞給iframe中的報表

時間 2019-11-09

標籤如何獲取 url 參數傳遞 iframe 報表欄目 HTTP/TCP 简体版

原文原文鏈接

在使用報表軟件時，用戶系統左邊通常有目錄樹，點擊報表節點就會在右側網頁的iframe中顯示出報表，同時點擊的時候也會傳遞一些參數給網頁，好比時間和用戶信息等。如何使網頁中的報表可以獲取到傳遞過來的參數呢？如下用報表軟件FineReport簡單介紹一些。javascript

具體實現過程html

將報表生成頁面時，給網頁添加onload事件，首先獲取url中的參數，而後嫁接到iframe的src上，或者經過得到的參數拼接處完整的報表url賦給iframe的src。java

<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中顯示出報表包括傳遞給網頁的參數。ui