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

2016/11/25 8:30:42 閱讀：2802 發(fā)布者：2802

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

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

將報(bào)表生成頁面時(shí)，給網(wǎng)頁添加onload事件，首先獲取url中的參數(shù)，然后嫁接到iframe的src上，
或者通過獲得的參數(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(){ 
        //返回從問號(hào) (?) 開始的 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)頁時(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=無錫，名稱為：url參數(shù)傳遞給iframe中的報(bào)表，如下圖：