如何解决Ajax跨域问题-1

时间:2021-09-19 05:01:46

如何解决Ajax跨域问题

最近在做AJAX调用C的问题,出现跨域问题,学习总结如下:

在做ajax读取数据的时候,经常会遇到ajax需要跨域的问题,但由于浏览器安全方面的限制,XMLHttpRequest()只能访问同一域下的数据,这往往很有局限性,如果我们要访问在另一个域名下提供的数据,那就会由于安全问题而拒绝访问。下面介绍一下ajax跨域的解决办法:
网上也有不少同行提供了很多的解决办法,不过很多效果都不好,要么就是不兼容。解决办法主要有四种:
1. iframe方法:这个适合同一主域名的二级域及主域名之间的相互访问。比如:www.a.com和blog.a.com之间的ajax交互,在两个域下的页面都加上document.domain = "a.com"就可以了。
2. 两个完全不同域名下的互访,可以利用iframe的hash属性来调用,本方法有一定局限性,不做多介绍,更多的内容可以搜索一些参考资料看看。
3. 通过中间桥梁过渡,也可以称为代理访问。比如www.a.com下一个test.html页面要访问www.b.com/data.rss数据,由于 data.rss在b.com域名下,在a下不能直接访问,但asp/php/jsp/.net等程序可以请求远程文件,这些后台程序就可以成为ajax 的桥梁了,我们先用后台动态程序请求远程数据,获取后再传递给test.html,由于这些后台程序和test.html在同一域名下,所以就可以直接访问了,跨域问题解决了。 |演示文件|
4. 通过<script>标签来解决,此方法原理就是利用<script></script>可以调用跨域的js文件,比如www.a.com下的文件访问www.b.com下的js文件,<script language="javascript" scr="http://www.b.com/data.js"></script>,在b域名下的data.js就是充当数据源的,js里保存变量和数组,此js文件的主要功能就是传递数据,不做处理用。