设定TT和KB为不同的域
1、TT set-ticket-type.html页面div中装iframe（指向KB页面 documentDisplay.jsp）
<div id ="tt-type-kb" style="display:none">
<iframe name ="tt-type-kb-display" src= "/CS/cs/kb/query/documentDisplay.jsp?multiselect=true&crossPage=true&PERMIT_CHANNEL=2&routeSrc=troubleticket" width ="100%" height= "500px">
</iframe >
</div >
$.openPopupDiv('tt-type-kb','Knowledge Base','1024','545',
{ "onConfirm": "ticketType.closePopupDivForKBPage()","draggable" :true,"resizable" :true});
2、nginx配置反向代理
#设置知识库的菜单代理
location /CS {
#设置主机头和客户端真实地址，以便服务器获取客户端真实IP
proxy_set_header Host $Host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
#禁用缓存
proxy_buffering off;
#设置反向代理的地址
proxy_pass http://xxxx.xxxx.xxx.xx:0000/CS;
}
只有配置反向代理，tt才能访问kb页面的方法：
window.frames["tt-type-kb-display"].submitSelected();
submitSelected()为kb的方法，包含下面的逻辑(获取数据，传参)
3、KB页面操作结束时创建一个Iframe，指向TT的页面，将数据作为参数发送到TT页面kbCallback.html
var list = new Array();
var obj = new Object();
obj.documentId = docTable.getValue(rows[i], "DOCUMENT_ID");
obj.documentName = docTable.getValue(rows[i], "DOCUMENT_NAME");
list.push(obj);
var ff = document.createElement( "iframe");
ff.style.visable = "hidden";
ff.style.display= 'none';
ff.src= "/ARIESRES/crm-bj/trouble-ticket/ticket-type/kbCallback.html?kbId=" +JSON.stringify(list);
document.body.appendChild(ff);
4、在kbCallback.html页面获取KB传过来的值，再传给set-ticket-type.js
<!DOCTYPE html>//文档头，在ie8需要强制使用标准渲染模式才能使用json
<html><body ></body ></html>
<script>
window.onload = function (){
var url = location.search;
var str = "";
if (url.indexOf( "?") != -1) {
str = url.substr(url.indexOf( "=")+1);
str = decodeURIComponent(str);
}
var param = JSON.parse(str);
parent.parent.ticketType.doAfterActionForKBPage(param);
}
</script>
注意1： kbCallback.html的parent是documentDisplay.jsp，documentDisplay.jsp的parent是set-ticket-type.html,所以用parent.parent.function
注意2：kbCallback.html是个空页面，作为桥梁使用
相关推荐
ajax jsonp跨域传参，里面有源码，不过写在txt中了，很适合调用别人的接口
然而，当涉及到跨域时，`iframe` 遇到的问题之一就是无法正常访问父页面或被嵌入页面的`session`。这是因为浏览器的同源策略（Same-Origin Policy）限制了不同源之间的交互，包括`session`和`cookie`。 同源策略是...
3. **iframe跨域问题**：当iframe加载的页面与包含它的页面不在同一个域时，就会出现跨域问题，导致无法直接通过JavaScript进行通信，如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...
然而，由于浏览器的同源策略限制，当`iframe`加载的页面与包含它的页面不在同一个域名下时，就会遇到跨域问题。这篇博客将深入探讨如何解决`iframe`的跨域问题。 首先，理解同源策略是至关重要的。同源策略是浏览器...
Nginx 跨域问题解决方案 Nginx 是一个流行的开源 Web 服务器软件，广泛应用于 Web 服务器管理。然而，在使用 Nginx 进行服务器管理时，经常会遇到跨域问题。跨域问题是指在不同的域名、端口或协议下，无法访问...
vue 跨域解决 Linux上部署nginx
**Nginx安装与解决跨域问题** 在现代Web开发中，由于浏览器的同源策略，跨域问题经常出现，限制了不同源之间的通信。Nginx作为一个高性能的反向代理服务器，常被用于处理此类问题。本篇将详细介绍如何在Linux环境下...
本文将详细介绍Vue项目开发中遇到的跨域问题及其解决方法，以及如何将打包后的Vue项目部署到Nginx服务器，并设置跨域。 ### 跨域问题的概述 跨域问题是指由于浏览器的同源策略限制，前端项目中的JavaScript代码...
"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制，使得在JSP页面中嵌入的跨域IFrame能够正常通信。下面我们将详细探讨这个问题以及可能的解决方案。 首先，理解同源策略是关键。同源策略是...
本篇文章将深入探讨两个关键知识点：`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念，它限制了浏览器从一个源获取另一个源的资源，以保护用户的安全。当`iframe...
可以将book.aa.com用iframe添加到 www.aa.com的某个页面下,在www.aa.com和iframe里面都加上document.domain = "aa.com"，这样就可以统一域了，可以实现跨域访问。就和平时同一个域中镶嵌iframe一样，直接调用里面的...
nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Control-Allow-Origin' '*'; # 设置请求...
跨域是指由于浏览器的同源策略，JavaScript只能请求与当前页面同源（协议、域名和端口都相同）的资源。当尝试请求不同源的资源时，就会触发跨域问题。 解决跨域的一种方法是通过Nginx作为反向代理服务器。Nginx可以...
然而，由于浏览器的安全策略，不同的源（origin）之间存在同源策略，阻止了不同域的iframe与父页面直接通信，这就引出了跨域问题。 其次，我们来谈谈**跨域**。同源策略是浏览器为了安全而实施的一项策略，它限制了...
使用docker部署nginx前后端解决跨域问题
“支持flv.js跨域拉流”意味着Nginx配置了允许跨域资源共享（CORS）策略，使得使用flv.js库的网页应用可以从Nginx服务器拉取FLV流。flv.js是一个JavaScript库，可以在没有Flash支持的现代浏览器中播放FLV内容，实现...
最近自己做了一个前后端分离项目，前端采用HBuilderX开发，后端采用IDEA开发，在本地开发也跨域，部署到云服务器也跨域，下面介绍两种解决方案。 出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定...
但同时，它也引入了父页面与iframe之间进行数据交换的需求，也就是所谓的“传值传参”。随着浏览器技术的发展，不同浏览器间的兼容性问题成为开发者需要考虑的重要方面。特别是早期的浏览器，如Internet Explorer和...
以前在面试的时候经常遇到问关于跨域的事儿，所以自己对跨域有一定的概念性了解，知道什么是跨域以及解决跨域的方法，但是具体实际从来没有操作过，直到最近在公司项目中，遇到了一个需要使iframe跨域进行POST提交的...
然而，由于浏览器的同源策略限制，不同源的iframe（跨域iframe）之间的交互受到严格控制，包括无法直接访问或修改iframe的某些属性，如高度。这在需要动态调整iframe高度以适应内容时会带来挑战。本文将深入探讨如何...