JQuery Ajax 跨域访问的解决方案
发布时间：2013-08-25 编辑：jiaochengji.com
我们知道ajax本身实际上是通过XMLHttpRequest对象来异步进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以js跨域操作会被拒绝。
我们知道ajax本身实际上是通过XMLHttpRequest对象来异步进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以js跨域操作会被拒绝。
具体情况有:
一、本域和子域的相互访问: http://www.aa.com/和book.aa.com
二、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 iframe
三、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 XMLHttpRequest访问代理
四、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 JS创建动态脚本
今天主要讨论第4中解决方案，这个和上个的区别就是请求是使用<script>标签来请求的，这个要求也是两个域都是由你来开发才行。原理就是JS文件注入，在本域内的a内生成一个JS标签，它的SRC指向请求的另外一个域的某个页面b，b返回数据即可，可以直接返回JS的代码。因为script的src属性是可以跨域的。
这里我们需要用到jquery.getScript(url, callback)方法，url是脚本文件的URL路劲，callback函数在脚本资源已被加载和求值后调用的回调函数。
首先在bb.com创建一个js文件，test.js
var ojb = {msg:'js跨域请求成功'};
然后在aa.com的页面上使用$.getScript加载test.js脚本
$(function() {
$.getScript('http://www.bb.com/test.js', function() {
if (ojb) {
alert(obj.msg);
}
});
});
使用$.getScript函数的最大好处就是可以保证，脚本加载完毕后调用回调函数。
个人感觉这种方法比使用代理和iframe要简单一些。
一、本域和子域的相互访问: http://www.aa.com/和book.aa.com
二、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 iframe
三、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 XMLHttpRequest访问代理
四、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 JS创建动态脚本
今天主要讨论第4中解决方案，这个和上个的区别就是请求是使用<script>标签来请求的，这个要求也是两个域都是由你来开发才行。原理就是JS文件注入，在本域内的a内生成一个JS标签，它的SRC指向请求的另外一个域的某个页面b，b返回数据即可，可以直接返回JS的代码。因为script的src属性是可以跨域的。
这里我们需要用到jquery.getScript(url, callback)方法，url是脚本文件的URL路劲，callback函数在脚本资源已被加载和求值后调用的回调函数。
首先在bb.com创建一个js文件，test.js
复制代码 代码如下:
var ojb = {msg:'js跨域请求成功'};
然后在aa.com的页面上使用$.getScript加载test.js脚本
复制代码 代码如下:
$(function() {
$.getScript('http://www.bb.com/test.js', function() {
if (ojb) {
alert(obj.msg);
}
});
});
使用$.getScript函数的最大好处就是可以保证，脚本加载完毕后调用回调函数。
个人感觉这种方法比使用代理和iframe要简单一些。
您可能感兴趣的文章：
jQuery 跨域访问问题解决方法
JQuery Ajax 跨域访问的解决方案
用jQuery与JSONP轻松解决跨域访问的问题
PHP跨域问题解决方案
JQuery的Ajax跨域请求原理概述及实例
jquery下异步提交表单 异步跨域提交表单
php中json的跨域实例分析
php ajax实现多域名跨域登录例子(基于P3P)
AJAX的跨域与JSONP(为文章自动添加短址的功能)
jquery ajax跨域解决方法(json方式)
[关闭]