ajax跨域的三种方法-白红宇

ajax跨域的三种方法

阅读量：4580 次

发布时间：2019-06-09

本文共 1511 字，大约阅读时间需要 5 分钟。

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

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

　　http://www.zzsky.cn/demo/ajax-cross-domain/test1.htm代码如下：

<html>

<body>

function get(url)

{

document.getElementById("test").src=url;

alert(data);

}

</script>

</body>

</html>

　　http://test.zzsky.cn/demo/test.asp代码如下：

var data=123;

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

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

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

http://zzsky.cn/demo/ajax-cross-domain/test2.htm代码如下：

　　被框架页http://test.zzsky.cn/demo/iframe.htm代码如下：

[/code]<html>

<head>

document.domain="zzsky.cn";

</script>

</head>

<body>

</body>

</html>[/code]

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

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

转载于:https://www.cnblogs.com/biGpython/archive/2011/08/12/2135618.html

你可能感兴趣的文章