使用document.domain+iframe跨域实例

首先我们假设主页面地址为:http://www.js8.in/mywork/crossdomain/index.html,我们要加载的内容是位于work.2fool.cn域名下的helloworld.txt。我们需要在主页面中设置document.domain为2fool.cn,然后主页面添加一个iframe,src为域名work.2fool.cn下的一个url,在iframe页面中同样设置document.domain为2fool.cn,同时iframe中需要添加Ajax的函数,例如引入jQuery.js。

 主页index.html的主要代码如下:

<button onclick="crossDomain();">开始跨域</button> 
<div id="ajax"></div> 
<iframe src="http://work.2fool.cn/crossdomain/iframe.html" id="iframe" style="display:none;"> 
</iframe> 
<script type="text/javascript"> 
document.domain = '2fool.cn'; 
function crossDomain(){ 
var iframe=document.getElementById('iframe').contentWindow.$; 
iframe.get("http://work.2fool.cn/crossdomain/helloworld.txt",function(data){ 
document.getElementById("ajax").innerHTML=data; 
}); 
} 
</script>

转载地址:https://www.cnblogs.com/shiyunfront/p/10407189.html

posted @ 2020-12-29 20:50  山兮木  阅读(499)  评论(0编辑  收藏  举报
/* 看板娘 */