JSONP_跨域

1.什么是同源策略

同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。


2.什么是跨域?跨域有几种实现形式

跨域允许不同域的接口进行交互
跨域有几种实现形式

  1. JSONP
  2. CORS
  3. 降域
  4. postMessage

3.JSONP 的原理是什么

  1. 首先是利用script标签的src属性来实现跨域。
  2. 通过将前端方法作为参数传递到服务器端,然后由服务器端注入参数之后再返回,实现服务器端向客户端通信。
  3. 由于使用script标签的src属性,因此只支持get方法

4.CORS是什么

  1. 前端用 XMLHttpRequest 跨域访问时,浏览器会在请求头中添加:origin
    2.后端会添加一个响应头:Access-Control-Allow-Origin
    3.浏览器判断该相应头中Access-Control-Allow-Origin的值是否包含 Origin 的值,如果有则浏览器会处理响应,我们就可以拿到响应数据,如果不包含浏览器直接驳回,这时我们无法拿到响应数据。

5.跨域的解决方式

  1. JSONP方法
    代码地址:https://github.com/zhanghan0529/zh_-/tree/master/JSONP
  2. CORS方法
    代码地址:https://github.com/zhanghan0529/zh_-/tree/master/CORS
  3. 降域方法
    代码地址:https://github.com/zhanghan0529/zh_-/tree/master/%E9%99%8D%E5%9F%9F
  4. postMessage方法
    代码地址:https://github.com/zhanghan0529/zh_-/tree/master/postMessage
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.什么是同源策略? 同源策略(Same origin Policy):浏览器出于安全方面的考虑,只允许与本域下的...
    Rising_suns阅读 832评论 0 0
  • 什么是同源策略 同源政策(same-origin policy)是指同域名(或ip),同端口,同协议视为同一个域,...
    小囧兔阅读 3,621评论 0 1
  • 1: 什么是同源策略 最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页"同源",所谓...
    好奇而已阅读 2,435评论 0 0
  • 题目1: 什么是同源策略 浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情...
    peaceChierdo阅读 1,800评论 0 0
  • 1.什么是同源策略浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不...
    24_Magic阅读 3,421评论 0 0