浏览器的同源策略 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程序