溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何獲取url中的參數(shù)并傳遞給iframe中的報(bào)表

發(fā)布時(shí)間：2020-09-13 05:22:33 來(lái)源：網(wǎng)絡(luò) 閱讀：565 作者：雄霸天下啦 欄目：開(kāi)發(fā)技術(shù)

在使用報(bào)表軟件時(shí)，用戶系統(tǒng)左邊一般有目錄樹(shù)，點(diǎn)擊報(bào)表節(jié)點(diǎn)就會(huì)在右側(cè)網(wǎng)頁(yè)的iframe中顯示出報(bào)表，同時(shí)點(diǎn)擊的時(shí)候也會(huì)傳遞一些參數(shù)給網(wǎng)頁(yè)，比如時(shí)間和用戶信息等。如何使網(wǎng)頁(yè)中的報(bào)表能夠獲取到傳遞過(guò)來(lái)的參數(shù)呢？以下用報(bào)表軟件FineReport簡(jiǎn)單介紹一些。

具體實(shí)現(xiàn)過(guò)程

將報(bào)表生成頁(yè)面時(shí)，給網(wǎng)頁(yè)添加onload事件，首先獲取url中的參數(shù)，然后嫁接到iframe的src上，或者通過(guò)獲得的參數(shù)拼接處完整的報(bào)表url賦給iframe的src。

<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(){
//返回從問(wèn)號(hào) (?) 開(kāi)始的 URL（查詢部分）
var paraString = location.search;   
//多個(gè)參數(shù)用&分隔，將參數(shù)字符串轉(zhuǎn)為數(shù)組，使每個(gè)參數(shù)值存于一個(gè)數(shù)組元素中
var paras = paraString.split("&");  
//每個(gè)數(shù)組元素中"="后面的值即參數(shù)值
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);
//使用獲取的參數(shù)值拼接出最終的url
var reportURL = "/WebReport/ReportServer?reportlet=" + reportName + "&area=" + area + "&province=" + province + "&city=" + city;
//url中可能包含中文或特殊字符因此需要進(jìn)行編碼轉(zhuǎn)換，注意需要先引入finereport.js
reportURL = FR.cjkEncode(reportURL);
//將新的報(bào)表路徑賦給報(bào)表所在iframe的src
document.getElementById("reportFrame").src = reportURL; 
}
//加載網(wǎng)頁(yè)時(shí)調(diào)用autoLoad方法
window.onload = autoLoad;
</script>
</head>
<body>
<iframe id="reportFrame" width="900" height="400"></iframe>
</body>
</html>

將代碼保存為geturlpara.html，保存在工程下的page_demo文件夾下。

使用管理員登錄決策平臺(tái)，點(diǎn)擊管理系統(tǒng)>報(bào)表管理，點(diǎn)擊添加鏈接，鏈接路徑為：page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=華東&province=江蘇&city=無(wú)錫，名稱為：url參數(shù)傳遞給iframe中的報(bào)表，如下圖：

如何獲取url中的參數(shù)并傳遞給iframe中的報(bào)表

這樣刷新fs，就可以看到左側(cè)目錄樹(shù)中多了一個(gè)節(jié)點(diǎn)，點(diǎn)擊該節(jié)點(diǎn)后，就可以在右側(cè)網(wǎng)頁(yè)的iframe中顯示出報(bào)表包括傳遞給網(wǎng)頁(yè)的參數(shù)。

效果查看

如下圖，點(diǎn)擊左側(cè)“url參數(shù)傳給iframe中的報(bào)表”節(jié)點(diǎn)時(shí)，即打開(kāi)相對(duì)應(yīng)的鏈接，對(duì)應(yīng)網(wǎng)頁(yè)就會(huì)在中間區(qū)域顯示出來(lái)：

如何獲取url中的參數(shù)并傳遞給iframe中的報(bào)表

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手