有考网
发布时间:2022-01-21 17:05:45来源：转载
今天小编要跟大家分享的文章是关于Web前端中实现跨域的方法有哪些?正在从事Web前端工作的小伙伴们来和小编一起看一看本篇文章吧，希望能够对大家有所帮助。
一、同源策略
同源策略是浏览器的一个安全功能，同源即协议、域名、端口三者相同。它限制了从一个源加载的文档或脚本与另一个源进行数据交互，所以abc.com下的JS脚本请求xyz.com的数据会被拒绝。
注意：跨域限制访问，其实是浏览器的同源策略限制。
二、跨域
当协议、域名、端口任意一个不同时，都算不同域。不同域之间相互请求资源，就算跨域。
注意：跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。
三、跨域的几种方法
(1)有三个标签允许跨域加载资源
(2)JSONP
JSONP(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名获取资料，即跨域读取数据。
JSONP由两部分组成：回调函数和数据。回调函数是当响应到来时在页面调用的数据。数据则为传入回调函数的JSON数据。
JSONP通过
雅思 托福 GRE SSAT SAT GMAT ACT 个人提升英语 英语四六级 多邻国英语测试 词库 IB 英语口语 商务英语 公共英语 考研英语 青少儿英语 成人英语 A-Level 学生英语 初高中英语 OSSD AP课程 AEAS个性化定制课程 一级建造师 二级建造师 消防工程师 消防设施操作员 BIM 造价工程师 环评师 监理工程师 咨询工程师 安全工程师 建筑八大员 公路水运检测 通信工程 装配式工程师 注册电气工程师 二级注册建筑师 一级注册建筑师 智慧消防工程师 智慧建造工程师 全过程工程咨询师 EPC 碳排放管理师 ACCA CFA 注册会计师 会计证 初中级经济师 初级会计师 中级会计师 基金从业 证券从业 税务师 薪税师 企业合规师 会计就业实操 期货从业 FRM CMA CQF 教师资格 人力资源管理 导游考试 心理咨询师 健康管理师 社会工作师 普通话 育婴员 物流师 家庭教育指导师 专利代理师 教师招聘 儿童专注力 儿童情绪管理 法律职业资格 少儿编程 书法培训 国画 茶艺 乐器音乐 舞蹈 棋类 机器人编程 戏曲培训 信奥赛C++ 少儿小主播 口才培训 篮球培训 商务办公 影视后期 剪辑包装 游戏设计 游戏程序 UI设计 室内设计 photoshop CAD制图 视觉设计 商业空间设计 平面设计
