JQuery Ajax 跨域访问的解决方案

2019-12-24,,,,

具体情况有:
一、本域和子域的相互访问: 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要简单一些。

您可能感兴趣的文章:

  • 利用nginx解决cookie跨域访问的方法
  • jQuery与JSONP轻松解决跨域访问的问题
  • jQuery 跨域访问问题解决方法
  • Ajax实现跨域访问的三种方法
  • Javascript 跨域访问解决方案
  • js iframe跨域访问(同主域/非同主域)分别深入介绍
  • Ajax 设置Access-Control-Allow-Origin实现跨域访问
  • jquery下利用jsonp跨域访问实现方法
  • AJAX javascript的跨域访问执行
  • 解决AJAX中跨域访问出现''没有权限''的错误
  • Python的Django应用程序解决AJAX跨域访问问题的方法
  • AJAX的跨域访问-两种有效的解决方法介绍
  • 深入浅析同源策略和跨域访问
  • 关于Iframe如何跨域访问Cookie和Session的解决方法
  • js实现跨域访问的三种方法
  • AJax与Jsonp跨域访问问题小结
  • jquery 跨域访问问题解决方法(笔记)
  • 浅谈Ajax跨域Session和跨域访问
  • 解决nginx/apache静态资源跨域访问问题详解

《JQuery Ajax 跨域访问的解决方案.doc》

下载本文的Word格式文档,以方便收藏与打印。