解决ajax跨域问题

前端之家收集整理的这篇文章主要介绍了解决ajax跨域问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、什么是跨域?

是两个不同的域互相请求,这个称之为跨域。
具体哪些算是跨域如下所示:

那么为什么需要解决跨域问题?
由于浏览器的同源策略的限制,必须要求ajax请求为同一域。
什么是同源呢??

同源策略(Same originpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现
所谓同源是指,域名,协议,端口相同。

2、模拟跨域请求

跨域的体现:

3、跨域问题的解决【重点&难点】

现在是通过一个技术“jsonp技术”。
问:jsonp和json是什么关系?
答:这2者没有一毛钱关系。Jsonp非官方协议主要是用于解决跨域问题,json是一个数据传输的格式。

3.1、前辈是如何解决跨域问题

上述的方法就是现在jsonp的原型。
3.2、目前主流的跨域问题的解决方法
3.2.1、XHR2解决跨域问题
XHR2:XMLHttpRequest Level2
核心:在被请求的文件添加一个header头。
缺点:在IE10以下的浏览器不支持

但是:这个解决方案是符合W3C标准的,也是其提倡的解决方案,这个方法在移动端也是支持的。

3.2.2、代理方式
核心:代理

让ajax请求本地服务器 服务器处理请求问题

3.2.3、jQuery中的ajax方法
例如:$.get方法、$.getJSON方法
Get方法

要求1:请求期望返回数据类型必须是jsonp;
要求2:必须在请求地址上带一个参数名;

GetJSON方法
方法和get方法基本一致,只是在发送请求的时候略有差异

要求1:参数callback后面的“=?”不能省略,必须要写;要求2:和get方法不一样,jsonp作为期望的返回数据类型,可以不写;

猜你在找的Ajax相关文章