关于Iframe如何跨域访问Cookie和Session的解决方法

最近做登录系统的整合，其中遇到的一个最关键的问题为在一个统一的后台里需要无障碍的访问另外一个系统后台，这个系统是第三方提供的一个加过密的系统，后台自动登录接口是自己分析出来的，没有单独提供，当从统一后台通过自动登录接口登录时，系统直接跳转到系统后台首页，后台登录成功后所跳转的URL这里没法指定，控制不了跳转的页面，如果在统一后台里需要链接到这个系统后台的另外一个页面，而非后台默认首页时，也就是将第三方系统后台的菜单功能放到我们这个统一后台里。

对于这样的一个需要，这里会遇到一个问题，为了能正常访问第三方系统的后台栏目，必需确保已经登录该系统，否则会提示用户登录，所以在点击这些菜单链接时，系统必需已经登录。

为了解决这个问题，在页面头部添加了一个不可见的iframe，使其指向到自动登录接口，这个接口如果正常通过浏览器地址栏访问，当用户名和密码验证无误时，会跳转到系统后台首页，由于此时放在了一个不可见的IFRAME中，所以跳转对当前后台页面没有任何影响。按照我的设计方法，系统应该就可以正常使用了。

但，既然说到但了，就说明肯定遇到了问题，不然这里不会来这么大的一个转折的。

但由于这里各系统均属于不同的系统，域名不一样，所以出现了Iframe在IE中，不能正常生成第三方系统Cookie的情况，但在Firefox和其它浏览器中均可生成，所以用IE访问时，总是跳转到登录页面。

这里需要说明一下，这里的第三方系统放在我们自己的服务器上的，只是所有源码加了密！

最后查阅了相关资料后，发现在IE中，为了安全，阻止了通过IFRAME生成第三方域的COOKIE，为了解决这个问题，MS规定只要在HTTP的HEADER头中，设定P3P这个头，就可以通过IFRAME来生成第三方COOKIE了。

PHP中，P3P HEADER 头的设置方法如下：

header(‘P3P: CP=”CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR”‘);

注意：这里的P3P需要添加到第三方域生成Cookie的那个文件才生效，否则无济于事。

这里又有问题了，第三方系统生成COOKIE在后台的一个叫admin.php的页面里生成的，而这个页面又是加过密的，这可怎么办了，想了很久，最后同事灵机一动，说我们可以用我们自己的文件来包含它。靠，这方法太妙了，为什么我就没有想到了，同事真是太有才了，真是佩服的五体投地，当然，我对他这么一佩服，据他说自己当晚也自己佩服了自己一晚上。

所以最后的解决方案为将原来的admin.php文件命名为admin_2.php，然后新建admin.php，最后在这个文件中，添加上面所的P3P这个HEADER头，并再次包含 admin_2.php这个文件，最终代码如下：

header(‘P3P: CP=”CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR”‘);
include “admin_2.php”;

最后，问题彻底解决！

这里标题是COOKIE和SESSION的问题，实质上，基本上是一回事，SEESION最终的保存也是通过SESSION_ID保存到COOKIE源码天空，然后通过这个SID到服务器上找相应的SEESION数据，只要把COOKIE里的SEESION_ID这个COOKIE给删掉，SESSION也就失效了。

赞 (0)

相关推荐

  • 使用postMesssage()实现跨域iframe页面间的信息传递方法

    由于web同源策略的限制,当页面使用跨域iframe链接时,主页面与子页面是无法交互的,这对页面间的信息传递造成了不小的麻烦,经过一系列的尝试,最后我发现有以下方法可以实现: 1. 子页面url传参 简单说来就是把所有需要传递的参数加到与主页面同源的url上,将子页面重定向到该url,然后主页面通过iframe的src获取这些参数 过程非常复杂,不建议使用这种方法 2. postMessage() postMesssage()是HTML5提供的一个基于事件的消息传输API,可以实现跨文本档.多窗

  • 利用iframe实现ajax跨域通信的实现原理(图解)

    利用iframe实现ajax跨域通信的实现原理(图解)

    在漫长的前端开发旅途上,无可避免的会接触到ajax,而且一般情况下都是用在同一域下的ajax请求:但是如果请求是发生在不同的域下,请求就无法执行,并且会抛出异常提示不允许跨域请求,目前我没有找到明确的资料说明这是为什么,我觉得应该是出于安全性的考虑吧.纵然如此,要实现跨域访问的话,方法还是有的,而且不只一种,在这里介绍其中一种解决方案:如何利用iframe完成ajax的跨域请求. 如下图所示:域a.com的页面request.html(即http://a.com/request.html)里面嵌

  • iframe跨域与session失效问题的解决办法

    何为跨域跨域session/cookie? 也就是第三方session/cookie.第一方session/cookie指的是访客当前访问的网站给访客的浏览器设置的seesion /cookie, 会被存储在访客的计算机上.第三方session/cookie指的是当前访问的网站中会加载(嵌入)另外第三方的网站代码,例如促销广告,那么第三方网 站也会在访客的计算机上添加session/cookie,这种就是第三方session/cookie. 我的问题 在开发讯息在线产品(http://iap.p

  • IFrame跨域高度自适应实现代码

    复制代码 代码如下: var iframeids = ['memberIndexIframe','inquiryCenterIframe','everychinaBbsIframe']; var iframehide = "yes"; function dynIframeSize(){ var dyniframe = []; for(var i=0;i<iframeids.length;i++){ if(!document.getElementById) return false

  • 使用postMesssage()实现iframe跨域页面间的信息传递

    由于web同源策略的限制,当页面使用跨域iframe链接时,主页面与子页面是无法交互的,这对页面间的信息传递造成了不小的麻烦,经过一系列的尝试,最后我发现有以下方法可以实现: 1. 子页面url传参 简单说来就是把所有需要传递的参数加到与主页面同源的url上,将子页面重定向到该url,然后主页面通过iframe的src获取这些参数 过程非常复杂,不建议使用这种方法 2. postMessage() postMesssage()是HTML5提供的一个基于事件的消息传输API,可以实现跨文本档.多窗

  • js跨域问题之跨域iframe自适应大小实现代码

    复制代码 代码如下: <body onload="javascript: setHeight();"> <script> function setHeight(){ var dHeight = document.documentElement.scrollHeight; var t = document.createElement("div"); t.innerHTML = '<iframe id="kxiframeagent

  • 如何设置iframe高度自适应在跨域情况下的可用方法

    在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载.iframe的高度需要根据子页面的实际高度来进行调整.如果iframe的高度小于子页面的实际高度,超出的部分无法显示:相反,如果iframe的高度过高,则页面上会出现大量的空白区域.我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定.但是如果

  • js iframe跨域访问(同主域/非同主域)分别深入介绍

    js跨域是个讨论很多的话题.iframe跨域访问也被研究的很透了. 一般分两种情况: 一. 是同主域下面,不同子域之间的跨域: 同主域,不同子域跨域,设置相同的document.domian就可以解决; 父页访问子页,可以document.getElementById("myframe").contentWindow.document来访问iframe页面的内容:如果支持contentDocument也可以直接document.getElementById("myframe&

  • 关于iframe跨域POST提交的方法示例

    前言 以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的实际案例,我才明白具体如何使用iframe进行跨域操作. 说到跨域,就不得不提起浏览器的同源策略. 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互. 源 如果协议,端口(如果指定了一个)和主机对于两个页面是相同的,那么这两个页面就具有相同的源. 从这个定义可以看

  • 跨域传值即主页面与iframe之间互相传值

    需求一:主页面A 怎么向 iframe B 传递数据呢? 这种方式,是主页面需要给 iframe B 传递数据,然后 iframe B 获得到数据后进行特定的处理 实现方式 实现的技巧就是利用 location 对象的 hash 值,通过它传递通信数据,我们只需要在主页面A中设置 iframe B 的 src 后面多加个 #data 字符串(data就是你要传递的数据),如下图所示: 然后在 iframe B 中通过某种方式能即时的获取到这儿 data 就可以了,其实常用的一种方式就是: 1.

随机推荐