如何获取url中的参数并传递给iframe中的报表
生活随笔
收集整理的這篇文章主要介紹了
如何获取url中的参数并传递给iframe中的报表
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在使用報表軟件時，用戶系統左邊一般有目錄樹，點擊報表節點就會在右側網頁的iframe中顯示出報表，同時點擊的時候也會傳遞一些參數給網頁，比如時間和用戶信息等。如何使網頁中的報表能夠獲取到傳遞過來的參數呢？以下用報表軟件FineReport簡單介紹一些。
具體實現過程
將報表生成頁面時，給網頁添加onload事件，首先獲取url中的參數，然后嫁接到iframe的src上，或者通過獲得的參數拼接處完整的報表url賦給iframe的src。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <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中顯示出報表包括傳遞給網頁的參數。
效果查看
如下圖，點擊左側“url參數傳給iframe中的報表”節點時，即打開相對應的鏈接，對應網頁就會在中間區域顯示出來：
本文轉自 雄霸天下啦 51CTO博客，原文鏈接：http://blog.51cto.com/10549520/1876302，如需轉載請自行聯系原作者
總結
以上是生活随笔為你收集整理的如何获取url中的参数并传递给iframe中的报表的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 融合
- 下一篇： TensorFlow是什么？Tensor