JavaScript中实现跨域的坑,你踩过吗?

相信对于一些学习前端的小伙伴来讲,JavaScript是他们须要面对的东西。但在学习JavaScript的道路,咱们都知道有无数个坑等着你去踩。

###而今天为了你们防止之后你们在实现跨域这个坑上中招,因此今天给你们总结下JavaScript中关于实现跨域方法的总结。话很少说,当即开搞html

第一种:jsonp请求

  • 对于jsonp的原理骑士也是相对简单,他是利用<script>标签的跨域特性,能够不受限制地从其余域中加载资源,相似的标签还有<img>。

第二种方式:document.domain

  • 这种方式用在主域名相同子域名不一样的跨域访问中

第三种方式:window.name

  • window的name属性有个特征:在一个窗口(window)的生命周期内,窗口载入的全部的页面都是共享一个window.name的,每一个页面对window.name都有读写的权限,window.name是持久存在一个窗口载入过的全部页面中的,并不会因新页面的载入而进行重置。

第四种方式:window.postMessage

  • window.postMessages是html5中实现跨域访问的一种新方式,可使用它来向其它的window对象发送消息,不管这个window对象是属于同源或不一样源。

第五种方式:CORS

  • CORS背后的基本思想,就是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功仍是应该失败。

第六种方式:Web Sockets

  • web sockets原理:在JS建立了web socket以后,会有一个HTTP请求发送到浏览器以发起链接。取得服务器响应后,创建的链接会使用HTTP升级从HTTP协议交换为web sockt协议。

总结:

做为一个新生程序猿,Damon但愿可以与你们一同进步。文章或者描述有所不足的地方,但愿你们多多提出来,一同进步。

Damon会继续发掘一些有用的咨询,知识以及新工具,与你们一同分享,谢谢!

相关文章
相关标签/搜索