Javascript跨域请求的4种解决方式_javascript技巧-tutorial js-php.cn

Javascript跨域请求的4种解决方式_javascript技巧

WBOY

Lepaskan： 2016-05-16 17:40:21

asal

1195 orang telah melayarinya

什么情况下才会出现跨域？
假设域名是：http://www.example.com.cn/
如果所请求的域名跟这个域名不致，这种情况就是跨域，由于跨域存在漏洞，所以一般来说正常的跨域请求方式是请求不到的。
解决方式：
一、window.name
1、服务器返回

复制代码代码如下:

 
<script>window.name='{"id":"3", "name":"leisure"}';</script> 
2、定义一个iframe，添加onload事件 <iframe> <br><script type="text/javascript"> <BR>var load = false; <BR>function iLoad() { <BR>if(load == false) { <BR>// 同域处理，请求后会再次重新加载iframe <BR>document.getElementById('iframe1').contentWindow.location = '/'; <BR>load = true; <BR>} else { <BR>// 获取window.name的内容，注意必须进行同域处理后方可访问！ <BR>var data = document.getElementById('iframe1').contentWindow.name; <BR>alert(data); // {"id":"3", "name":"leisure"} <BR>load = false; <BR>} <BR>} <BR></script> <br>

3、定义一个form，设置form的target为iframe的id，然后提交form

复制代码代码如下:

二、JSONP
服务器返回 callback({"id": "3", "name": "leisure"});

复制代码代码如下:

三、jQuery.getJSON
服务器返回 json格式数据 test({"id": "3", "name": "leisure"}); test函数名为callback参数中定义

复制代码代码如下:

 
$.getJSON(url + "?callback=?", data, function(data) { 
} 

注意callback=?这个参数必须带上，jquery会自动生成一个函数名替换这个问号！jQuery.getJSON实际上是用了JSONP方式实现。
四、flash跨域
服务器添加crossdomain.xml
http://www.example.com.cn/crossdomain.xml

复制代码代码如下: