JavaScript如何实现九种跨域请求及其原理？

本文共计4990个文字，预计阅读时间需要20分钟。

前言：前后端数据交互经常会遇到跨域请求，什么是跨域，以及有哪些跨域方式，这是本文要探讨的内容。

一、什么是跨域？

1.什么是跨域？

跨域是指不同源之间的交互。简单来说，就是不同域名、协议或端口之间的请求。

2. 什么是同源策略及其限制内容？同源策略是一种约定，它限制了从一个源加载的文档或脚本如何与另一个源的资源进行交互。同源策略限制的内容包括： - Cookie、LocalStorage 和 IndexedDB 无法读取。 - DOM 无法获得。 - AJAX 请求不能发送。

3. 同源策略的局限性内容：同源策略是一种约定，它限制了从一个源加载的文档或脚本如何与另一个源的资源进行交互。同源策略限制的内容包括： - Cookie、LocalStorage 和 IndexedDB 无法读取。 - DOM 无法获得。 - AJAX 请求不能发送。

前言

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。

一、什么是跨域？

1.什么是同源策略及其限制内容？

同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR 等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。