手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery Ajax 跨域访问的解决方案
JQuery Ajax 跨域访问的解决方案
摘要:具体情况有:一、本域和子域的相互访问:http://www.aa.com/和book.aa.com二、本域和其他域的相互访问:http://...

具体情况有:

一、本域和子域的相互访问: 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 Ajax 跨域访问的解决方案】相关文章:

js控制excel打印完美解决方案

jquery预加载图片的方法

jQuery实现在列表的首行添加数据

jQuery实现不断闪烁文字的方法

Javascript监视变量变化的方法

jQuery获取页面元素绝对与相对位置的方法

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

微信jssdk在iframe页面失效问题的解决措施

jQuery实现延迟跳转的方法

javascript动态创建链接的方法

精品推荐
分类导航