Ajax进阶篇02---跨域与JSONP
作者： 时间：2022-04-13阅读数：人阅读
| 前言 | ❤️ 不管前方的路多么崎岖不平，只要走的方向正确，都比站在原地更接近幸福 ❤️ |
|---|
Ajax进阶篇02---跨域与JSONP
一、Ajax进阶篇02—跨域与JSONP
（1）同源策略
1.1 什么是同源
如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。
例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：
| URL | 是否同源 | 原因 |
|---|---|---|
| http://www.test.com/other.html | 是 | 同源（协议、域名、端口相同） |
| https://www.test.com/about.html | 否 | 协议不同（http 与 https） |
| http://blog.test.com/movie.html | 否 | 域名不同（www.test.com 与 blog.test.com） |
| http://www.test.com:7001/home.html | 否 | 端口不同（默认的 80 端口与 7001 端口） |
| http://www.test.com:80/main.html | 是 | 同源（协议、域名、端口相同） |
1.2 什么是同源策略
1️⃣ 同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能；
2️⃣ MDN 官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制；
3️⃣ 通俗的理解：浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如：
- 无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB；
- 无法接触非同源网页的 DOM；
- 无法向非同源地址发送 Ajax 请求；
（2）跨域
2.1 什么是跨域
同源指的是两个 URL 的协议、域名、端口一致，反之，则是跨域。
出现跨域的根本原因：浏览器的同源策略不允许非同源的 URL 之间进行资源的交互；
2.2 浏览器对跨域请求的拦截
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱：licqi@yunshuaiweb.com
