恶心的IE6 跨域解决方案

最新推荐文章于 2021-08-06 00:18:42 发布

shangxiawuqiannian

最新推荐文章于 2021-08-06 00:18:42 发布

阅读量336

点赞数

分类专栏： document.domain iframe.get 解决跨域文章标签：跨域 iframe document.domain iframe.get IE6

本文链接：https://blog.csdn.net/shangxiawuqiannian/article/details/83979578

版权

document.domain iframe.get 解决跨域专栏收录该内容

1 篇文章 0 订阅

订阅专栏

两天做项目在生产环境遇见一个非常恶心的跨域问题！那就是IE6下的，不过只是个别IE6b版本有问题。
问题描述:
从一页面(html)跳转到另一页面(html)，由于本页面要从后台动态的取得数据而后放入select框中，问题就出来了，从后台取数据也能去得到(用httpwatch下已经看到数据传到前台了) 数据名称定义为“data“，当第一次使用的使用IE6的个别版本会出现“data未定义“。当刷新页面后就不再出现这样的问题。（2）当复制本页面的链接新打开一窗口亦不会出现”data未定义“。经过观察只要是从前一个页面跳转到本页面在IE6(个别版本)就会出现此问题。

解决方案：
1：使用jquery.getJSON （亦可以解决跨域问题）经过多次试验不能解决此问题。
2：使用jquery.getScript（亦可以解决跨域问题）经过多次试验不能解决此问题，效果同jquery.getJSON

3:document.domain + iframe.get 搞定！！！

方案细节：很多网友的博客中都有解释，本人亦是参考别人的结合自己经历修改而来。
( 1：在本页面声明 document.domain = "18110.cn";（为一级域名不可为 “www.18110.cn”）在页面中加入<iframe src="http://second.18110.cn" id="cross" style="display:none;"></iframe>
( 2:在需要跨域的域名下加入 “cross.html”用于欺骗浏览器使用
内容细节
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用document.domain+iframe实现Ajax跨子域</title>
</head>
<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript">
document.domain = 18110.cn';
</script>
<body>
</body>
</html>
(3 var iframe=document.getElementById('iframe').contentWindow.jQuery;
iframe.get(url,function(data){……);
接下来就可以对data操作了！