讲师中心 微信公众号
AI工具推荐 视频效率加速

什么是javascript跨域请求_CORS和JSONP有什么区别?

风涛吖_1780

风涛吖_1780

发布时间:2025-12-25 16:27:08

|

217人浏览过

|

来源于php中文网

原创

JavaScript跨域请求受同源策略限制,CORS是服务端配置响应头的标准方案,支持所有HTTP方法及凭证;JSONP是客户端利用script标签的兼容方案,仅支持GET且存XSS风险。

什么是javascript跨域请求_cors和jsonp有什么区别?

JavaScript跨域请求,本质是浏览器出于安全考虑实施的同源策略限制:当页面脚本试图向非同源(协议、域名、端口任一不同)的服务器发起请求时,XMLHttpRequest 或 fetch 默认被拦截。要突破这个限制,CORS 和 JSONP 是两种典型方案,但原理、能力与适用场景差异明显。

CORS 是服务端驱动的标准方案

CORS(Cross-Origin Resource Sharing)是 W3C 标准,依赖服务器在响应头中明确声明允许哪些源访问资源。浏览器自动处理整个流程,开发者调用 fetch 或 XMLHttpRequest 的方式和同源请求完全一样。

  • 支持所有 HTTP 方法(GET、POST、PUT、DELETE 等),可传 Cookie(需设置 withCredentials: true 并服务端配 Access-Control-Allow-Credentials: true
  • 简单请求(如 GET/POST + 纯文本 Content-Type)直接发送;复杂请求(如带自定义 header 或 Content-Type: application/json)会先发 OPTIONS 预检请求
  • 服务端必须配置关键响应头,例如:
    Access-Control-Allow-Origin(指定允许的源,不能为 * 时配合 credentials)
    Access-Control-Allow-Methods
    Access-Control-Allow-Headers
  • 现代浏览器全支持(IE10+),错误可捕获、调试信息清晰

JSONP 是客户端绕过的兼容性方案

JSONP 不是标准协议,而是利用 <script> 标签不受同源策略限制的特性,通过动态插入 script 请求一个返回函数调用的 JS 脚本,实现数据“填充”(Padding)式加载。

Alibabacloud Sdk Client Initialization For Java
Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载
  • 只支持 GET 请求,无法发送 POST 或携带认证凭证
  • 客户端需定义全局回调函数(如 callbackFunc),并将函数名作为 URL 参数(如 callback=callbackFunc)传给服务端
  • 服务端必须配合,把 JSON 数据包裹进该函数调用中返回,例如:
    callbackFunc({"name": "张三"})
  • 无预检开销,但错误难监听(script 加载失败不会触发 onerror 回调,仅靠 timeout 模拟)
  • 存在 XSS 风险:若 callback 参数未校验,可能执行恶意代码;且无法限制响应内容类型

选哪个?看实际约束条件

如果能控制服务端,优先用 CORS —— 它更规范、功能完整、安全性更高,也符合现代开发实践。JSONP 仅在两类场景仍有价值:需兼容 IE9 及更老浏览器;或调用第三方 API(如某些老地图接口)只提供 JSONP 接口且不支持 CORS。

立即学习Java免费学习笔记(深入)”;

注意:两者都不是前端单方面能搞定的方案。CORS 关键在服务端响应头;JSONP 关键在服务端按约定格式返回 JS 调用。缺少任一端配合,都无法生效。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

1955

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2642

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

916

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2939

2025.09.10

resource是什么文件
resource是什么文件

Resource文件是一种特殊类型的文件,它通常用于存储应用程序或操作系统中的各种资源信息。它们在应用程序开发中起着关键作用,并在跨平台开发和国际化方面提供支持。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

320

2023.12.20

cookie
cookie

Cookie 是一种在用户计算机上存储小型文本文件的技术,用于在用户与网站进行交互时收集和存储有关用户的信息。当用户访问一个网站时,网站会将一个包含特定信息的 Cookie 文件发送到用户的浏览器,浏览器会将该 Cookie 存储在用户的计算机上。之后,当用户再次访问该网站时,浏览器会向服务器发送 Cookie,服务器可以根据 Cookie 中的信息来识别用户、跟踪用户行为等。

10859

2023.06.30

document.cookie获取不到怎么解决
document.cookie获取不到怎么解决

document.cookie获取不到的解决办法:1、浏览器的隐私设置;2、Same-origin policy;3、HTTPOnly Cookie;4、JavaScript代码错误;5、Cookie不存在或过期等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

926

2023.11.23

阻止所有cookie什么意思
阻止所有cookie什么意思

阻止所有cookie意味着在浏览器中禁止接受和存储网站发送的cookie。阻止所有cookie可能会影响许多网站的使用体验,因为许多网站使用cookie来提供个性化服务、存储用户信息或跟踪用户行为。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

724

2024.02.23

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

20

2026.09.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn