`
shuaigg.babysky
  • 浏览: 554085 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

ajax跨子域

 
阅读更多
<h1>用document.domain解决Ajax跨子域</h1> 
		<h3><a href="http://www.js8.in/443.html">用document.domain+iframe实现Ajax跨子域</a>|<a href="http://www.js8.in/443.html#comments">评论</a></h3> 
		<p>利用Ajax跨域加载的内容是位于work.js8.in域名下的helloworld.txt。我们需要在主页面中设置document.domain为js8.in,然后主页面添加一个iframe,src为域名work.js8.in下的一个url,在iframe页面中同样设置document.domain为js8.in,同时iframe中需要添加Ajax的函数,例如引入jQuery.js。</p> 
		<p><input type="button" onclick="crossDomain()" value="开始跨域"/></p>
		
		<div id="ajax">跨域成功此处内容被替换</div>
		<iframe src="http://work.js8.in/crossdomain/iframe.html" id="iframe" style="display:none;"></iframe>
	<script type="text/javascript">
		document.domain = 'js8.in';
		function crossDomain(){
			var iframe=document.getElementById('iframe').contentWindow.$;        
        iframe.get("http://work.js8.in/crossdomain/helloworld.txt",function(data){
            document.getElementById("ajax").innerHTML=data;
        });
		}
	</script>

 

 

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>用document.domain+iframe实现Ajax跨子域[demo] </title>		
	</head>
<script type="text/javascript" src="../public/jquery1.4.js"></script>
	<script type="text/javascript">
		document.domain = 'js8.in';
	</script>
	<body><h1><a href="http://www.js8.in/443.html">用document.domain+iframe实现Ajax跨子域</a></h1>
	</body>
</html>
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics