頁面中嵌入帆軟報表,帆軟報表伺服器和專案不是一個,出現跨域的問題,解決方案
頁面中引入帆軟報表,同時也有別的資訊,需要進行資訊的互動,但是帆軟報表伺服器是另外一個伺服器,並且非同域名,那麼就會出現跨域的問題,解決方案如下:
1、需要在帆軟報表的點選js事件中引入一個和父頁面同系統的一個頁面,如下
var tarValue = this.options.form.getValueByName("textEditor0");//這裡根據是報表還是表單用不同的方式,自己定義
var url = "http://192.168.101.226:8080/test/proxy.html?_=" + new Date().getTime()
+ "&tarValue=" + tarValue;
alert(url);
var iframe = document.getElementById('proxy');
if (!iframe) {
// 如果iframe還沒有加進去,則加進去
iframe = document.createElement('iframe');
document.getElementsByTagName('head')[0].appendChild(iframe);
iframe.setAttribute('name','proxy');
iframe.setAttribute('id','proxy');
}
iframe.setAttribute('src', url);
2、proxy.html中如果引用報表所在的父頁面中的方法,看這個HTML在哪一級了,至少兩級,帆軟報表本身一級,父頁面一級,所以呼叫父頁面函式a的話,就需要
parent.parent.window.a();
執行這兩個步驟即可。
相關文章
- 帆軟報表開發新手教程
- 帆軟報表linux列印字型重疊Linux
- 帆軟基礎之填報入門
- Django專案解決跨域問題Django跨域
- Vue中跨域問題解決方案1Vue跨域
- 解密帆軟,中間態的隱形第一解密
- 跨域問題,解決方案 – CORS方案跨域CORS
- 跨域問題,解決方案 - CORS方案跨域CORS
- 阿里雲聯合帆軟釋出企業級BI分析解決方案,解決資料應用難題阿里
- Nginx跨域的問題解決方案Nginx跨域
- 跨域問題及解決方案跨域
- PHPAjax跨域問題解決方案PHP跨域
- 解決vue專案部署到Nginx重新整理頁面報404的問題VueNginx
- 記一次跨域問題的解決方案跨域
- 帆軟層次座標
- Nginx 配置 Vue 專案解決跨域問題NginxVue跨域
- Flutter Web 跨域問題解決方案FlutterWeb跨域
- 前端跨域問題及其解決方案前端跨域
- nginx /Java 解決跨域問題方案NginxJava跨域
- Iframe嵌入跨域頁面高度自適應實現詳解跨域
- 表單傳值出現亂碼問題解決方案
- 軟體專案管理常見問題及解決方案專案管理
- vue-cli4.x建立的專案中解決跨域問題Vue跨域
- JSP頁面中新增完一個專案後,重新整理頁面出現的問題JS
- ALV示例---Dyoprn實現,一個容器中嵌入ALV報表
- 前端解決跨域問題的8種方案前端跨域
- java中實現報表樣式的問題Java
- 推薦幾款優秀的專案報表軟體
- SpringBoot跨域問題解決方案Spring Boot跨域
- 跨域問題,解決方案 - Nginx反向代理跨域Nginx
- WebApi 跨域問題解決方案(3):CORSWebAPI跨域CORS
- 什麼是大報表?如何解決大報表的問題?
- 網站使用CDN出現ttf woff等字型跨域問題解決方案網站跨域
- 每日日報--Python-pyautogui庫-懶得手動每天點複製貼上了,所以這個用於每天帆軟報表截圖傳送到微信PythonGUI
- 解決跨域問題跨域
- 一個安裝rpm格式軟體報錯問題的解決方法(轉)
- 企業雲報表整合解決方案
- Laravel6.X 跨域問題解決方案Laravel跨域