解决ajax跨域问题

一、什么是跨域?

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

clipboard.png

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

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

二、模拟跨域请求

clipboard.png

跨域的体现:浏览器

clipboard.png

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

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

3.一、前辈是如何解决跨域问题服务器

clipboard.png

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

clipboard.png

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

3.2.二、代理方式
核心:代理3d

clipboard.png

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

3.2.三、jQuery中的ajax方法
例如:$.get方法、$.getJSON方法
Get方法:
clipboard.png

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

clipboard.png

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

clipboard.png

要求1:参数callback后面的“=?”不能省略,必需要写;要求2:和get方法不同,jsonp做为指望的返回数据类型,能够不写;

相关文章
相关标签/搜索