ajax跨域的三种方法

由于安全方面的原因，客户端js使用xmlhttprequest只能用来向来源网站发送请求，比如在下去请求test.cuoxin.com的数据，都是不行的。不过，解决方法倒是不少，这里整理一下。

　　1、使用script标签。script调用没有域的限制，比如我在下的页面需要请求test.cuoxin.com的数据，那就可以这样做：

　　代码如下：

<html>
<body>
<script id="test"></script>
<input type="button" id="button" value="获取" onclick="get('');">
<script type="text/javascript">
function get(url)
{
    document.getElementById("test").src=url;
    alert(data);
}
</script>
</body>
</html>

　　代码如下：

var data=123;

　　那么，我在下的test1.htm就可以操作js变量data了。上面只是简单地说明问题，实际应用的时候，可以用json等返回数据，script也可以动态创建等等。

　　2、用同一个域下的服务端脚本中转。服务端脚本使用xmlhttp没有域的限制，这也算是一种方法吧，不过比较耗费服务器资源。

　　3、利用框架的办法。在同一个域下的各个子域之间（非完全跨域），如果设置了document.domain，那么是可以相互之间调用js的。利用这一点，可以在test.cuoxin.com下面放上一个页面，这个页面可以完成用ajax获取同一个子域test.cuoxin.com的数据，而在下框架这个页，这样，我们就可以操纵被框架页来获取数据了。具体代码如下：

代码如下：

<html>
<head>
<script type="text/javascript">
    document.domain="cuoxin.com";
</script>
<body>
<iframe src="" id="proxy"></iframe>
<script type="text/javascript" src=""></script>
<input type="button" id="button" value="获取" onclick="get('');">
<script type="text/javascript">
function get(url)
{
      var proxy=document.getElementById("proxy").contentWindow;
      proxy.createRequestObject(url,out)
}

function out(str)
{
    alert(str);
}
</script>
</body>
</html>

　　被框架页代码如下：
[/code]<html>
<head>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
document.domain="cuoxin.com";
</script>
</head>
<body>
</body>
</html>[/code]

　　这种方法比较好的就是，还是在用xmlhttp来请求，但只要在被请求的域下面放一个iframe.htm就可以了。

　　附：跨子域设置的规则：当两个二级域名、URL协议、端口都相同的网页，自身都通过JavaScript设置了相同的document.domain值，并且此值至少等于自身的二级域名，它们之间才可以相互作用。

文章来源:网络整理本站编辑:兰特

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）