【JSON与JSONP】JSON与JSONP全面解析：定义、区别与核心技术对比
一、JSON与JSONP的基本定义
-
JSON（JavaScript Object Notation）
- 本质：一种轻量级的文本数据交换格式，基于键值对结构描述数据（如
{"name":"John"}），支持字符串、数字、布尔值、数组、对象和null等数据类型。 - 语法规则：
- 键名必须用双引号包裹，值可以是任意合法数据类型。
- 对象用花括号
{}表示，数组用方括号[]表示，数据项间用逗号分隔。
- 本质：一种轻量级的文本数据交换格式，基于键值对结构描述数据（如
-
JSONP（JSON with Padding）
- 本质：一种利用
<script>标签实现跨域请求的非官方协议，通过动态脚本执行获取数据。 - 核心原理：服务器返回以函数调用包裹的JSON数据（如
callback({"data":123})），客户端通过预定义的回调函数处理数据。
- 本质：一种利用
二、JSON与JSONP的核心区别
| 对比维度 | JSON | JSONP |
|---|---|---|
| 数据格式 | 纯数据格式，遵循严格的语法规则 | 以函数调用包裹的JSON数据（如callback({...})） |
| 用途与目的 | 通用数据交换，适用于前后端通信 | 专为解决跨域请求而设计 |
| 跨域支持 | 受同源策略限制，需配合CORS实现跨域 | 天然支持跨域，无需CORS配置 |
| 安全性 | 安全性高，支持内容安全策略（CSP） | 存在XSS风险，依赖服务端信任 |
三、JSONP的工作原理与实现细节
-
动态创建
<script>标签- 客户端通过JavaScript动态创建
<script>标签，并将请求URL指向目标服务端（如src="http://api.com/data?callback=handleData"）。
- 客户端通过JavaScript动态创建
-
回调函数处理数据
- 服务端返回数据格式为
回调函数名(JSON数据)（如handleData({"status":200})），客户端需提前定义同名函数以接收数据。
- 服务端返回数据格式为
-
自定义回调函数名
- 通过URL参数指定回调函数名（如
?callback=myFunc），服务端根据该参数动态生成返回内容。
- 通过URL参数指定回调函数名（如
四、其他相关技术对比
1. Ajax与JSONP的区别
| 维度 | Ajax | JSONP |
|---|---|---|
| 通信方式 | 基于XMLHttpRequest对象 | 基于<script>标签动态加载 |
| 跨域支持 | 需服务端设置CORS响应头 | 天然支持跨域 |
| 数据格式 | 支持多种格式（JSON、XML等） | 仅支持JSONP格式 |
2. JSON与JSONB的区别
- JSON：存储为纯文本，保留格式（如空格、键顺序），查询效率较低。
- JSONB（如PostgreSQL中的二进制JSON）：以二进制格式存储，支持索引和高效查询，但写入时需转换格式[注：搜索结果未直接提及，需结合数据库知识补充]。
3. NATP与JSON报文的区别
- NATP：可能指网络地址转换协议（Network Address Translation Protocol），用于IP地址映射，与数据传输无关。
- JSON报文：指基于JSON格式封装的应用层数据，用于业务逻辑交互[注：搜索结果未提及NATP，需结合网络协议知识推断]。
五、总结
JSON作为通用的数据交换格式，在前后端交互中占据核心地位；而JSONP作为一种“曲线救国”的跨域方案，虽逐渐被CORS替代，但在旧系统兼容场景中仍有价值。开发者需根据安全性、跨域需求和技术栈选择合适的方案。