浏览器的同源策略 jsonp方法解决跨域

// 浏览器的同源性
        // 在 浏览器 处理请求时 默认执行的是 同源策略
        // 也就是 浏览器 只 允许 同源的项目/请求 之间 获取响应体内容
        // 如果不是同源的 请求 只允许浏览html文件等 不允许 获取响应体
 实际项目中,解决同源问题是必须要掌握的方法
                
            相同 源文件之间的访问 称为 同源访问
            不同 源文件之间的访问 称为 跨域访问

            跨域请求的解决方法:
                jsonp 
                cors  后端帮助我们解决跨域的方式
                服务器代理
            前端主要是 jsonp 服务器代理 这两种方法解决跨域请求
 
所谓的 jsonp 方法,解决跨域

            之前也接触到跨域访问,只是没有意识到这是跨域访问
            
            img标签 加载显示图片
            加载图片的过程 : 通过 ulr地址 找到 网上这张图片 --- 请求过程
                            下载这张图片到本地浏览器缓存区 --- 获取响应体的过程
                                                        --- 本质上就是在执行跨域访问
                            图片显示到页面中

            本质上执行的是跨域访问,通过src中定义的ulr路径,发起跨域请求,并且接收到响应体
            img标签,按照 图片的格式来显示

            在浏览器执行程序时 通过 src  href 发起的请求,即时是跨域请求,浏览器也允许正常执行,获取响应体内容

            link标签 通过 src 地址请求 , 影响体文件按照 css 格式执行

            script标签 也有 src 请求地址 ,请求内容,也会按照 js 格式执行

            所以的 jsonp 请求
            可以通过 script标签 的 src属性,设定跨域请求地址,请求内容按照 js程序格式执行
        
        
            jsonp解决跨域的基本步骤

            1,script,标签,通过 src 路径 来访问 跨域请求

              请求方式只能是 get方式 可以在 url请求地址后,拼接数据传参

            2,还需要一个script标签,来定义js程序

浏览器的同源策略 jsonp方法解决跨域

上一篇:重磅,Kubernetes 决定弃用 Docker! osc_6ttvlt1w


下一篇:CKEditor粘贴图片自动上传到服务器(PHP版)