如何獲取url中的參數(shù)并傳遞給iframe中的報(bào)表-創(chuàng)新互聯(lián)

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

目前創(chuàng)新互聯(lián)公司已為千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管運(yùn)營、企業(yè)網(wǎng)站設(shè)計(jì)、邯山網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

具體實(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(){
//返回從問號 (?) 開始的 URL（查詢部分）
var paraString = location.search;   
//多個參數(shù)用&分隔，將參數(shù)字符串轉(zhuǎn)為數(shù)組，使每個參數(shù)值存于一個數(shù)組元素中
var paras = paraString.split("&");  
//每個數(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文件夾下。

使用管理員登錄決策平臺，點(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)表，如下圖：

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

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

效果查看

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

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：如何獲取url中的參數(shù)并傳遞給iframe中的報(bào)表-創(chuàng)新互聯(lián)
分享鏈接：http://www.rwnh.cn/article6/cssdog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、動態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、建站公司、Google、品牌網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

如何獲取url中的參數(shù)并傳遞給iframe中的報(bào)表-創(chuàng)新互聯(lián)