<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" οnclick="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>
1990
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
