ajax跨子域

最新推荐文章于 2025-07-17 12:53:55 发布

原创最新推荐文章于 2025-07-17 12:53:55 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

<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>