ToB企服应用市场:ToB评测及商务社交产业平台

标题: JSON教程（非常详细） [打印本页]
作者: 惊雷无声    时间: 2024-8-1 22:44
标题: JSON教程（非常详细）
参考文章泉源：JSON教程（非常详细）

目录

JSON
JSON 发展史
为什么要使用 JSON？
JSON 的不敷
存储格式
使用场景
1) 界说接口
2) 序列化
3) 天生 Token
4) 设置文件
JSON语法规则
JSON 与 JavaScript 对象的区别
JSON数据类型
1、字符串
2、数字
3、布尔值
4、空
5、对象
6、数组
JSON解释
JSON5 
前端使用
示例
运行结果
JSON Schema
界说 Schema
Schema 中提供了一系列关键字
        1) 字符串（String）
        2) 数值类型
        3) 对象        
                属性（Properties）
                额外属性（Asdditional Properties）
                必须属性（Required Properties）
                属性名称（Property names）
                属性个数（Size）
4) 数组
列表验证（List validation）
元组验证（Tuple validation）
数组长度（Length）
唯一（Uniqueness）
5) 布尔（boolean）
6) 空值（null）
7) 通用关键字
解释（Comments）
枚举值（Enumerated values）
常量值（Constant values）
8) $schema 关键字
9) $ref 关键字
10) $id 关键字
JSON和XML的区别
什么是 XML？
样例
优点
JSON 与 XML 之间的差异
JSON和BSON的区别
什么是 BSON？
JSON 与 BSON 之间的区别
不同语言的剖析和创建
PHP 
json_encode()
json_decode()
Python 
json.dumps()
json.loads()
Java 
使用 Java 剖析 JSON 数据
Ajax
扩展知识JSONP是什么？
同源策略
什么是 JSONP？
怎样实现 JSONP
总结

JSON

JSON 全称“JavaScript Object Notation”，译为“JavaScript 对象简谱”或“JavaScript 对象体现法”，是一种轻量级的、基于文本的、开放的数据交换（数据交换是指，两个装备之间建立连接并相互转达数据的过程）格式。是一种纯字符串形式的数据，它自己不提供任何方法（函数），非常适合在网络中进行传输。
JSON 发展史

2000 年初，Douglas Crockford（道格拉斯·克罗克福特）发明了 JSON，并从 2001 年开始推广使用。同年 4 月，位于旧金山湾区某车库的一台计算机发出了首个 JSON 格式的数据，这是计算机历史上的紧张时候。
 



图：道格拉斯·克罗克福特
2005-2006 年，JSON 正式成为主流的数据格式，雅虎、谷歌等着名网站开始广泛使用 JSON 格式。
2013 年，ECMA International（欧洲计算机制造商协会）制定了 JSON 的语法标准——ECMA-404。
经过 20 年左右的发展，JSON 已经替代了 XML，成为了 Web 开发中首选的数据交换格式。
为什么要使用 JSON？

 JSON和XML都能够实现在互联网中数据传输。之以是使用 JSON，最重要的原因是 JavaScript。众所周知，JavaScript 是 Web 开发中不可或缺的技术之一，而 JSON 是基于 JavaScript 的一个子集，JavaScript 默认就支持 JSON，而且只要您学会了 JavaScript，就可以轻松地使用 JSON，不必要学习额外的知识。

JSON 的不敷


存储格式

JSON 数据可以存储在 .json 格式的文件中（与 .txt 格式雷同，都属于纯文本文件），也可以将 JSON 数据以字符串的形式存储在数据库、Cookie、Session 中。
 
使用场景

1) 界说接口


2) 序列化

程序在运行时全部的变量都是存储在内存中的，将这些数据保存到数据库中，也可以保存到一个文件中，这个将内存中数据保存起来的过程称为序列化。序列化在 Python 中称为 pickling，在其他语言中也被称为 serialization、marshalling、flattening 等等，都是一个意思。
通常环境下，序列化是将程序中的对象直接转换为可保存或者可传输的数据，但如许会保存对象的类型信息，无法做到跨语言使用，例如我们使用 Python 将数据序列化到硬盘，然后使用 Java 来读取这份数据，这时由于不同编程语言的数据类型不同，就会造成读取失败。如果在序列化之前，先将对象信息转换为 JSON 格式，则不会出现此类问题。
3) 天生 Token

JSON 格式的 Token 最有代表性的是 JWT（JSON Web Tokens）
JSON Web Token Introduction - jwt.io
4) 设置文件

  1. npm（Node.js 的包管理工具）的 package.json
  2.         {
  3.     "name": "server",
  4.     "version": "0.0.0",
  5.     "private": true,
  6.     "main": "server.js",
  7.     "scripts": {
  8.         "start": "node ./bin/www"
  9.     },
  10.     "dependencies": {
  11.         "cookie-parser": "~1.4.3",
  12.         "debug": "~2.6.9",
  13.         "express": "~4.16.0",
  14.         "http-errors": "~1.6.2",
  15.         "jade": "~1.11.0",
  16.         "morgan": "~1.9.0"
  17.     }
  18. }
复制代码
JSON语法规则


JSON 与 JavaScript 对象的区别

JSON 是一种数据交换格式，可以跨语言、跨平台使用，它只是与 JavaScript 有些渊源，并不是 JavaScript 的一部分。
在 JavaScript 对象中，您既可以使用双引号也可以使用单引号，但在 JSON 中只能使用双引号。还有就是 JSON 中没有日期类型，也不能界说解释，以是您只能通过日期的字符串（例如：1970-01-01）或者时间戳（例如：1632366361）来体现日期。
语法：
   // JavaScript 中的对象
{
    foo: "bar"
}

// JSON
{
    "foo": "bar"
}
  JSON数据类型

1、字符串

字符串中也可以包罗一些转义字符

2、数字

JSON 中不区分整型和浮点型，只支持使用 IEEE-754 双精度浮点格式来界说数字。此外，JSON 中不能使用八进制和十六进制体现数字，但可以使用 e 或 E 来体现 10 的指数。
  1. {
  2.     "number_1" : 210,
  3.     "number_2" : -210,
  4.     "number_3" : 21.05,
  5.     "number_4" : 1.0E+2
  6. }
复制代码
3、布尔值

  1. {
  2.     "message" : true,
  3.     "pay_succeed" : false
  4. }
复制代码
4、空

  1. {
  2.     "id" : 1,
  3.     "visibility" : true,
  4.     "popularity" : null
  5. }
复制代码
5、对象

  1. {
  2.     "author": {
  3.         "name": "一百减一是零",
  4.         "url": "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343"
  5.     }
  6. }
复制代码
6、数组


  1. {
  2.     "course" : [
  3.         "JSON 教程",
  4.         "JavaScript 教程",
  5.         "HTML 教程",
  6.         {
  7.             "website" : "一百减一是零",
  8.             "url" : "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343"
  9.         },
  10.         [
  11.             3.14,
  12.             true
  13.         ],
  14.         null
  15.     ]
  16. }
复制代码
JSON解释

想要在 JSON 中添加解释，我们可以在要添加解释键/值对的前面（或背面）添加一个同名的键，并在键名中添加一个特殊字符加以区分，例如@、#、?、_、/等，然后在与键对应的值中界说解释的内容。
 
  1. {
  2.     "@name": "网站名称",
  3.     "name": "一百减一是零",
  4.     "_url": "网址",
  5.     "url": "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343",
  6.     "course": "JSON 教程",
  7.     "@charge": "0=收费; 1=免费",
  8.     "charge": 1,
  9.     "#list": "教程目录",
  10.     "list": [
  11.         "JSON数据类型",
  12.         "JSON对象",
  13.         "JSON数组"
  14.     ],
  15.     "message": {
  16.         "code": 0,
  17.         "message": "OK",
  18.         "#data": {
  19.             "#id": "用户ID",
  20.             "#type": "0=正常; 1=异常",
  21.             "#name": "姓名",
  22.             "#createTime": "创建时间(yyyy-MM-dd)"
  23.         },
  24.         "data": {
  25.             "id": "12345",
  26.             "type": 0,
  27.             "name": "我的名字",
  28.             "createTime": "2020-05-20"
  29.         }
  30.     }
  31. }
复制代码
除了可以在键名中添加特殊字符外，也可以直接以“comment”、“_comment” 或 “__comment”作为键名来界说解释，如下例所示：
  1. {
  2.     "_comment": "（https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343/）—— 一个在线学习编程的网站",
  3.     "course": {
  4.         "name": "JSON 教程",
  5.         "url": "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343"
  6.     }
  7. }
复制代码
JSON5 

与 JSON 相比，JSON5 做出了如下改变：

  1. {
  2.     // 网站名称
  3.     "name": "一百减一是零",
  4.     // 网址
  5.     "url": "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343",
  6.     "course": "JSON 教程",
  7.     // 0=收费; 1=免费
  8.     "charge": 1,
  9.     // 教程目录
  10.     "list": [
  11.         "JSON数据类型",
  12.         "JSON对象",
  13.         "JSON数组"
  14.     ],
  15.     "message": {
  16.         "code": 0,
  17.         "message": "OK",
  18.         /*
  19.             id = 用户ID
  20.             type = 0=正常; 1=异常
  21.             name = 姓名
  22.             createTime = 创建时间(yyyy-MM-dd)
  23.          */
  24.         "data": {
  25.             "id": "12345",
  26.             "type": 0,
  27.             "name": "我的名字",
  28.             "createTime": "2020-05-20"
  29.         }
  30.     }
  31. }
复制代码
前端使用

   引入<script src="https://unpkg.com/json5@^2.0.0/dist/index.min.js"></script>
  示例

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>JavaScript</title>
  6. </head>
  7. <body>
  8.     <script src="https://unpkg.com/json5@^2.0.0/dist/index.min.js"></script>
  9.     <script>
  10.         var arr = {
  11.             // 网站名称
  12.             "name": "一百减一是零",
  13.             // 网址
  14.             "url": "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343",
  15.             "course": "JSON 教程",
  16.             // 0=收费; 1=免费
  17.             "charge": 1,
  18.             // 教程目录
  19.             "list": [
  20.                 "JSON数据类型",
  21.                 "JSON对象",
  22.                 "JSON数组"
  23.             ],
  24.             "message": {
  25.                 "code": 0,
  26.                 "message": "OK",
  27.                 /*
  28.                     id = 用户ID
  29.                     type = 0=正常; 1=异常
  30.                     name = 姓名
  31.                     createTime = 创建时间(yyyy-MM-dd)
  32.                  */
  33.                 "data": {
  34.                     "id": "12345",
  35.                     "type": 0,
  36.                     "name": "我的名字",
  37.                     "createTime": "2020-05-20"
  38.                 }
  39.             }
  40.         };
  41.         var str = JSON5.stringify(arr);
  42.         console.log(arr)
  43.     </script>
  44. </body>
  45. </html>
复制代码
运行结果

 

JSON Schema

在 JSON Schema 中可以规定要在 JSON 中出现的字段、字段寄义、字段类型等信息，而且可以使用 JSON Schema 来校验 JSON 数据是否符合 Schema 中界说的规范。
界说 Schema

  1. {
  2.     "$schema": "http://json-schema.org/draft-04/schema#",
  3.     "type": "object",
  4.     "properties": {
  5.         "name":  { "type": "string" },
  6.         "email": { "type": "string" },
  7.         "age": {
  8.             "type": "number",
  9.             "minimum": 0,
  10.             "exclusiveMinimum": false
  11.         },
  12.         "telephone": {
  13.             "type": "string",
  14.             "pattern": "^(\\([0-9]{3}\\))?[0-9]{3}-[0-9]{4}$"
  15.         }
  16.     },
  17.     "required": ["name", "email"],
  18.     "additionalProperties": false
  19. }
复制代码
 上面 Schema 中，要求 JSON 数据必须符合以下要求

Schema 中提供了一系列关键字

        1) 字符串（String）

关键字形貌可选值minLength字符串最小长度，不能为负数maxLength字符串最大长度，不能为负数pattern正则表达式format字符串格式"date-time"：日期和时间，如 2018-11-13T20:20:39+00:00
"time"：时间，如 20:20:39+00:00
"date"：日期，如 2018-11-13
"email"：电子邮箱地址
"hostname"：主机名
"ipv4"：IPv4 地址
"ipv6"：IPv6 地址
"uri"：通用资源标识符（URI)
"uri-template"：URI 模板（任何级别）
"regex"：正则表达式         2) 数值类型

关键字形貌示例integer整数{"type": "integer"}number数字，包括整数和浮点数{"type": "number"}multipleOf数字必须是给定数字（正数）的倍数{"type": "number", "multipleOf": 3}minimum数值允许的最小值{"type": "number", "minimum": 1}maximum数值允许的最大值{"type": "number", "maximum": 9}         3) 对象        

                属性（Properties）

  1. {
  2.     "type": "object",
  3.     "properties": {
  4.         "name": { "type": "string"},
  5.         "age": {"type": "number", "multipleOf": 3},
  6.         "date": {
  7.             "type": "string",
  8.             "format": "date"
  9.         }
  10.     }
  11. }
复制代码
                额外属性（Asdditional Properties）

  1. {
  2.     "type": "object",
  3.     "properties": {
  4.         "number": { "type": "number"},
  5.         "street_name": { "type": "string"},
  6.         "street_type": {
  7.             "type": "string",
  8.             "enum": ["Street", "Avenue", "Boulevard"]
  9.         }
  10.     },
  11.     "additionalProperties": { "type": "string"}
  12. }
复制代码
                必须属性（Required Properties）

  1. {
  2.     "type": "object",
  3.     "properties": {
  4.         "name": { "type": "string" },
  5.         "email": { "type": "string" },
  6.         "address": { "type": "string" },
  7.         "telephone": { "type": "string" }
  8.     },
  9.     "required": ["name", "email"]
  10. }
复制代码
                属性名称（Property names）

propertyNames 界说 JSON 数据中键的定名规则
  1. {
  2.     "type": "object",
  3.     "propertyNames": {
  4.         "pattern": "^[A-Za-z_][A-Za-z0-9_]*$"
  5.     }
  6. }
复制代码
                属性个数（Size）

  1. {
  2.     "type": "object",
  3.     "minProperties": 2,
  4.     "maxProperties": 3
  5. }
复制代码
4) 数组

列表验证（List validation）

恣意长度的数组，数组中每个值都匹配雷同的 Schema；
  1. 验证数组的所有值为数字
  2. {
  3.     "type": "array",
  4.     "items": {
  5.         "type": "number"
  6.     }
  7. }
  9. contains 关键字仅需要针对数组中的一个或多个项目进行验证，如下例所示（只需包含至少一个数字元素）：
  11. {
  12.     "type": "array",
  13.     "contains": {
  14.         "type": "number"
  15.     }
  16. }
复制代码
元组验证（Tuple validation）

固定长度的数组，数组中每个值可以匹配不同的 Schema。
  1. 值的类型也可能是不同的，例如：
  2. [编号, 街道名称, 街道类型, 方向]
  4. {
  5.     "type": "array",
  6.     "items": [
  7.         {
  8.             "type": "number"
  9.         },
  10.         {
  11.             "type": "string"
  12.         },
  13.         {
  14.             "type": "string",
  15.             "enum": ["Street", "Avenue", "Boulevard"]
  16.         },
  17.         {
  18.             "type": "string",
  19.             "enum": ["NW", "NE", "SW", "SE"]
  20.         }
  21.     ]
  22. }
复制代码
数组长度（Length）

  1. {
  2.     "type": "array",
  3.     "minItems": 2,
  4.     "maxItems": 3
  5. }
复制代码
唯一（Uniqueness）

  1. 将 uniqueItems 关键字设置为 true 可以确保数组中的每个元素都是唯一的
  2. {
  3.     "type": "array",
  4.     "uniqueItems": true
  5. }
复制代码
5) 布尔（boolean）

   {"type": "boolean"}
  6) 空值（null）

   {"type": "null"}
  7) 通用关键字


  1. {
  2.     "title": "Match anything",
  3.     "description": "This is a schema that matches anything.",
  4.     "default": "Default value",
  5.     "examples": ["Anything", 4035]
  6. }
复制代码
解释（Comments）

$comment 关键字用于添加解释/讲明，它的值必须是一个字符串。
枚举值（Enumerated values）

enum 关键字被用于界说枚举值（一组固定的值），它必须是一个至少包罗一个值的数组，而且每个值都必须是唯一的。此外，type 和 enum 是并列的，必须同时满足，如下例所示：
  1. {
  2.     "type": "string",
  3.     "enum": ["red", "amber", "green"]
  4. }
复制代码
常量值（Constant values）

  1. const 关键字被用于定义一个常量值
  2. {
  3.     "properties": {
  4.         "country": {
  5.             "const": "United States of America"
  6.         }
  7.     }
  8. }
  10. const 是 enum 的语法糖，所以下面两个定义是等价的：
  12. { "const": "United States of America" }
  13. { "enum": [ "United States of America" ]}
复制代码
8) $schema 关键字

$schema 关键字用于声明 JSON Schema 的版本，建议全部 JSON Schema 都声明一个 $schema，而且应该是 Schema 的第一个键/值对，如下例所示：
  1. {"$schema": "http://json-schema.org/draft-04/schema#"}
复制代码
如果必要声明 JSON Schema 的指定版本，则可以将 $schema 的值设置为以下几个：

9) $ref 关键字

$ref 关键字用于引用其他地方的一个 Schema 片断，它的值为一个 URI 引用。如果是引用同一文档的 Schema 片断，则 $ref 的值必要以井号（#）开头，例如：
   { "$ref": "#/definitions/address" }
  上面示例中的“#/definitions/address”意味着：
  
  如果要引用另外的 Schema 文件，可以向下面如许：
   { "$ref": "definitions.json#/address" }
  示例
  1. {
  2.     "$schema": "http://json-schema.org/draft-04/schema#",
  3.     "definitions": {
  4.         "address": {
  5.             "type": "object",
  6.             "properties": {
  7.                 "street_address": { "type": "string" },
  8.                 "city": { "type": "string" },
  9.                 "state": { "type": "string" }
  10.             },
  11.             "required": ["street_address", "city", "state"]
  12.         }
  13.     },
  14.     "type": "object",
  15.     "properties": {
  16.         "billing_address": { "$ref": "#/definitions/address" },
  17.         "shipping_address": { "$ref": "#/definitions/address" }
  18.     }
  19. }
复制代码
 使用 $ref 关键字也可以引用当前 Schema 中的某一部分（雷同于编程中的递归）。例如您有一个 person 模式，其中包罗一个数组 children，每个数组也是一个 person 实例，如下例所示：
  1. {
  2.     "$schema": "http://json-schema.org/draft-07/schema#",
  3.     "definitions": {
  4.         "person": {
  5.             "type": "object",
  6.             "properties": {
  7.                 "name": { "type": "string" },
  8.                 "children": {
  9.                     "type": "array",
  10.                     "items": { "$ref": "#/definitions/person" },
  11.                     "default": []
  12.                 }
  13.             }
  14.         }
  15.     },
  16.     "type": "object",
  17.     "properties": {
  18.         "person": { "$ref": "#/definitions/person" }
  19.     }
  20. }
复制代码
10) $id 关键字

 $id 关键字的值是一个 URI 引用，它有两个用途：


例如我们要引用 http://c.biancheng.net/ 域名的某个 Schema，则可以将 $id 设置为下面如许：
   { "$id": "http://c.biancheng.net/schemas/address.json" }
  注意，当界说了上面所示的 $id 之后，若我们要使用 $ref 来引用同域名下的别的 Schema，则可以简写成如下所示的样子
   { "$ref": "person.json" }
  JSON和XML的区别

什么是 XML？

XML 全称“Extensive Markup Language”，译为“可扩展标记语言”，是一种源自 SGML 的、基于文本的数据格式（XML 是 SGML 的一个子集）。是一种专门为了存储数据而创建的标记语言，它的编写方式与 HTML 非常相似，能够通过不同的标签来标记不同的内容。XML 旨在传输或保存数据，而不是显示数据，在 XML 中，没有预界说标签，其中使用的全部标签都是自界说的，而且全部的标签都由两个部分构成，分别是开始标签（例如<tagname>）和竣事标签（例如</tagname>）。必要注意的是，XML 中的标签是区分巨细写的
样例

  1. <?xml version="1.0" encoding="ISO-8859-1"?>
  2. <note>
  3.     <title>JSON教程</title>
  4.     <author>一百减一是零</author>
  5.     <url>https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343</url>
  6.     <catalogue>
  7.         <li>JSON是什么？</li>
  8.         <li>JSONP是什么？</li>
  9.         <li>JSON语法规则</li>
  10.     </catalogue>
  11. </note>
复制代码
优点

是它可以跨平台、跨语言进行传输。另外，XML 数据可以保存在格式为 .xml 的文本文件中。
JSON 与 XML 之间的差异

JSONXMLJSON 是一种数据格式XML 是一种标记语言与 XML 相比，JSON 数据更容易阅读XML 文档相对来说阅读起来比较困难JSON 数据可以存储在 .json 格式的文本文件中XML 数据可以存储在 .xml 格式的文本文件中JSON 中支持字符串、数字、数组、布尔值等类型XML 中只有字符串类型JSON 没有显示功能XML 提供了显示数据的能力，由于它是一种标记语言JSON 仅支持 UTF-8 编码XML 支持各种编码JSON 不支持解释XML 支持解释JSON 不支持定名空间XML 支持定名空间JSON 读写速率更快，且更容易剖析相对于 JSON，XML 数据结构更加复杂，剖析速率相对较慢相对于 XML，JSON 的安全性较低相对于 JSON，XML 的安全性更高 JSON和BSON的区别

什么是 BSON？

BSON 全称“Binary Serialized Document Format”，译为“二进制序列化文档格式”，是由 10gen（一家公司的名称）开发的一种数据格式，目前重要用于 MongoDB 数据库中，是 MongoDB 的数据存储格式。

BSON 基于 JSON，在 JSON 的基础上进行了升级，支持更多的数据类型。有时也将 BSON 称为“Binary JSON”，即“二进制 JSON”。
注意：BSON 并非只能用于 MongoDB，它也可以在别的编程语言中使用。
与 JSON 相比，BSON 存取的服从更高，而且占用的空间更小。另外，除了支持 JSON 中的数据类型外，BSON 还支持日期（Date）和二进制（BinData）等类型。
JSON 与 BSON 之间的区别

JSON 和 BSON 之间最重要的区别如下表所示：
 
JSONBSONJSON 是 javascript 对象体现法BSON 是二进制 JSON是一种轻量级的、基于文本的、开放的数据交换格式是一种二进制序列化文档格式JSON 包罗一些根本数据类型，如字符串、数字、布尔值、空值除了支持 JSON 中的类型外，BSON 还包罗一些额外的数据类型，例如日期（Date）、二进制（BinData）等AnyDB、redis 等数据库将数据存储为 JSON 格式MongoDB 中将数据存储为 BSON 格式重要用于传输数据重要用于存储数据没有响应的编码和解码技术有专用的编码和解码技术如果想从 JSON 文件中读取指定信息，必要遍历整个数据在 BSON 中，可以使用索引跳过到指定内容JSON 格式不必要剖析，由于它是人类可读的BSON 必要剖析，由于它是二进制的JSON 是对象和数组的组合，其中对象是键值对的聚集，而数组是元素的有序列表BSON 是二进制数据，在其中可以存储一些附加信息，例如字符串长度、对象类型等 不同语言的剖析和创建

PHP 


json_encode()

   json_encode(mixed $value, int $options = 0, int $depth = 512): string | false
  参数说明如下：
  
  
若转换乐成，json_encode() 函数会返回字符串类型的转换结果，若转换失败，则返回 false。
  示例
  1. <?php
  2.     $arr = [
  3.         "title"     => "JSON教程",
  4.         "author"    => "一百减一是零",
  5.         "url"       => "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343",
  6.         "catalogue" => [
  7.             "JSON是什么？",
  8.             "JSONP是什么？",
  9.             "JSON语法规则"
  10.         ]
  11.     ];
  12.     echo json_encode($arr);
  13. ?>
复制代码
运行结果
   {"title":"JSON\u6559\u7a0b","author":"C\u8bed\u8a00\u4e2d\u6587\u7f51","url":"http:\/\/c.biancheng.net\/","catalogue":["JSON\u662f\u4ec0\u4e48\uff1f","JSONP\u662f\u4ec0\u4e48\uff1f","JSON\u8bed\u6cd5\u89c4\u5219"]}
  通过运行结果可以看出，在使用 json_encode() 函数将变量转换为 JSON 数据时，会将变量中的中笔墨符编码为 Unicode 字符（\uXXXX 格式的字符），如果不必要如许的转换，将 json_encode() 函数的第二个参数设置为 JSON_UNESCAPED_UNICODE 即可，如下例所示：
  1. <?php
  2.     $arr = [
  3.         "title"     => "JSON教程",
  4.         "author"    => "一百减一是零",
  5.         "url"       => "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343",
  6.         "catalogue" => [
  7.             "JSON是什么？",
  8.             "JSONP是什么？",
  9.             "JSON语法规则"
  10.         ]
  11.     ];
  12.     echo json_encode($arr,JSON_UNESCAPED_UNICODE );
  13. ?>
复制代码
运行结果
   {"title":"JSON教程","author":"C语言中文网","url":"http:\/\/c.biancheng.net\/","catalogue":["JSON是什么？","JSONP是什么？","JSON语法规则"]}
  json_decode()

   json_decode(string $json, bool $assoc = false, int $depth = 512, int $options = 0): mixed
  参数说明如下：
  
  
若剖析乐成，json_decode() 函数会返回 JSON 中的数据，若剖析失败，或者 JSON 的数据深度超过了递归的限定，则返回 null。
  示例
  1. <?php
  2.     $str = '{"title":"JSON教程","author":"一百减一是零","url":"https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343","catalogue":["JSON是什么？","JSONP是什么？","JSON语法规则"]}';
  3.     echo "<pre>";
  4.     var_dump(json_decode($str, true));
  5. ?>
复制代码
运行结果
  1. array(4) {
  2.     ["title"]=>
  3.     string(10) "JSON教程"
  4.     ["author"]=>
  5.     string(16) "一百减一是零"
  6.     ["url"]=>
  7.     string(23) "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343"
  8.     ["catalogue"]=>
  9.     array(3) {
  10.         [0]=>
  11.         string(16) "JSON是什么？"
  12.         [1]=>
  13.         string(17) "JSONP是什么？"
  14.         [2]=>
  15.         string(16) "JSON语法规则"
  16.     }
  17. }
复制代码
Python 


json.dumps()

   json.dumps(obj, skipkeys=False, ensure_ascii=True, check_circular=True, allow_nan=True, cls=None, indent=None, separators=None, encoding="utf-8", default=None, sort_keys=False, **kw)
参数说明如下：  
  示例
  1. import json
  2. dictionary = {"title":"JSON教程","author":"一百减一是零","url":"https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343","catalogue":["JSON是什么？","JSONP是什么？","JSON语法规则"]}
  3. jsonString = json.dumps(dictionary, indent=4, ensure_ascii=False)
  4. print(jsonString)
复制代码
运行结果
  1. {
  2.     "title": "JSON教程",
  3.     "author": "一百减一是零",
  4.     "url": "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343",
  5.     "catalogue": [
  6.         "JSON是什么？",
  7.         "JSONP是什么？",
  8.         "JSON语法规则"
  9.     ]
  10. }
复制代码
json.loads()

   json.loads(s[, encoding[, cls[, object_hook[, parse_float[, parse_int[, parse_constant[, object_pairs_hook[, **kw]]]]]]]])
参数说明如下：  
  示例
  1. import json
  2. json_str = '{"title":"JSON教程","author":"一百减一是零","url":"https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343","catalogue":["JSON是什么？","JSONP是什么？","JSON语法规则"]}'
  3. data = json.loads(json_str)
  4. print(data)
复制代码
运行结果
  1. {'title': 'JSON教程', 'author': '一百减一是零', 'url': 'https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343', 'catalogue': ['JSON是什么？', 'JSONP是 什么？', 'JSON语法规则']}
复制代码
Java 

  1. import org.json.simple.JSONObject;
  2. class JsonEncodeDemo {
  3.     public static void main(String[] args) {
  4.         JSONObject obj = new JSONObject();
  5.    
  6.         obj.put("title", "JSON教程");
  7.         obj.put("author", "一百减一是零");
  8.         obj.put("url", "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343");
  9.         obj.put("hits", 100);
  10.    
  11.         System.out.print(obj);
  12.     }
  13. }
复制代码
运行结果
   {"hits":100,"author":"一百减一是零","title":"JSON教程","url":"一百减一是零-CSDN博客"}
  使用 Java 剖析 JSON 数据

实例
  1. import org.json.simple.JSONObject;
  2. import org.json.simple.JSONArray;
  3. import org.json.simple.parser.ParseException;
  4. import org.json.simple.parser.JSONParser;
  5. class JsonDecodeDemo {
  6.     public static void main(String[] args) {
  7.         JSONParser parser = new JSONParser();
  8.         String s = "[0{"hits":100,"author":"一百减一是零","title":"JSON教程","url":"https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343"}]";
  9.         try{
  10.             Object obj = parser.parse(s);
  11.             JSONArray array = (JSONArray)obj;
  12.             System.out.println(array.get(1));
  13.             System.out.println();
  14.         }catch(ParseException pe) {
  15.             System.out.println("position: " + pe.getPosition());
  16.             System.out.println(pe);
  17.         }
  18.     }
  19. }
复制代码
运行结果
   {"hits":100,"author":"一百减一是零","title":"JSON教程","url":"一百减一是零-CSDN博客"}
  Ajax

Ajax 全称“Asynchronous JavaScript and XML”，译为“异步 JavaScript 和 XML”，程序员们风俗称之为“阿贾克斯”，通过 Ajax 我们可以异步在服务器与客户端之间转达数据。在 Ajax 中，普遍使用 JSON 作为传输数据的格式。
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta content="text/html; charset=utf-8">
  5.     <title>AJAX And JSON</title>
  6.     <script type="application/javascript">
  7.         function load() {
  8.             var url = "./data.json"; // 获取 JSON 数据的链接
  9.             var request;
  10.             if (window.XMLHttpRequest) {
  11.                 request = new XMLHttpRequest(); //发送 Ajax 请求，适用于 Chrome, mozilla 等浏览器
  12.             } else if (window.ActiveXObject) {
  13.                 request = new ActiveXObject("Microsoft.XMLHTTP"); // 发送 Ajax 请求，适用于 IE 浏览器
  14.             }
  15.             request.onreadystatechange = function() {
  16.                 if (request.readyState == 4) {
  17.                     var jsonObj = JSON.parse(request.responseText); // 解析 JSON 数据
  18.                     document.getElementById("title").innerHTML     = jsonObj.title;
  19.                     document.getElementById("author").innerHTML    = jsonObj.author;
  20.                     document.getElementById("url").innerHTML       = jsonObj.url;
  21.                     document.getElementById("catalogue").innerHTML = jsonObj.catalogue;
  22.                 }
  23.             }
  24.             request.open("GET", url, true);
  25.             request.send();
  26.         }
  27.     </script>
  28. </head>
  29. <body>
  30.     Title: <span id="title"></span><br />
  31.     Author: <span id="author"></span><br />
  32.     Url: <span id="url"></span><br />
  33.     Catalogue: <span id="catalogue"></span><br />
  34.     <button type="button" onclick="load()">点击加载 JSON 数据</button>
  35. </body>
  36. </html>
复制代码
date.json 文件中的内容
  1. {
  2.     "title": "JSON教程",
  3.     "author": "一百减一是零",
  4.     "url": "https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343",
  5.     "catalogue": [
  6.         "JSON是什么？",
  7.         "JSONP是什么？",
  8.         "JSON语法规则"
  9.     ]
  10. }
复制代码
运行结果

扩展知识JSONP是什么？

JSONP 不是一门编程语言，也不是什么特别的技术，它更像一个漏洞，程序员可以使用这个漏洞，实现跨域（可以简单理解为跨域名）传输数据
同源策略

同源策略是由 Netscape（网景）提出的一个闻名的安全策略，全部支持 JavaScript 的浏览器都支持这个策略。

所谓同源是指域名、协议、端口都雷同。以 http://c.biancheng.net:80/ 为例，c.biancheng.net 为域名，http 为协议，80 为端口（提示：80 为默认端口，可以省略，若为别的端口则必须显示界说）。

为了安全，浏览器不允许进行跨域哀求。当我们通过 Ajax 在网页和服务器之间发送或接收数据时，必要保证网页与所哀求的地址是同源的，否则无法哀求乐成。例如 http://c.biancheng.net/ 下的网页，只能与同在 http://c.biancheng.net/ 下的程序进行交互，无法与 https://www.baidu.com/ 下的程序进行交互。

同源策略可以防止 JavaScript 脚本从您的网站中读取数据，并将数据发送到别的的网站。如果没有同源策略，很有大概会有恶意的程序泄漏您网站中的内容。

虽然同源策略在一定程度上提高了网站的安全，但也会给程序员带来一些麻烦，例如在访问一些开发接口时，由于同源策略的存在，会调用失败。要解决这种问题就必要用到跨域，跨域的方法有很多种，其中最经典的就是 JSONP。
什么是 JSONP？

JSONP 全称“JSON with Padding”，译为“带回调的 JSON”，它是 JSON 的一种使用模式。通过 JSONP 可以绕过浏览器的同源策略，进行跨域哀求。

在进行 Ajax 哀求时，由于同源策略的影响，不能进行跨域哀求，而<script>标签的 src 属性却可以加载跨域的 JavaScript 脚本，JSONP 就是使用这一特性实现的。与平凡的 Ajax 哀求不同，在使用 JSONP 进行跨域哀求时，服务器不再返回 JSON 格式的数据，而是返回一段调用某个函数的 JavaScript 代码，在 src 属性种调用，来实现跨域。

JSONP 的优点是兼容性好，在一些老旧的浏览器种也可以运行，但它的缺点也非常明显，那就是只能进行 GET 哀求。
怎样实现 JSONP

假设我们要从网站 localhost:8080 向服务器 localhost:8081 下的发送哀求，并在服务器返回如下内容：
   {"name":"一百减一是零", "url":"一百减一是零-CSDN博客"}
  如果直接发送 Ajax 哀求，由于同源策略的存在，哀求会被制止，由于网站和服务器不同源。示例代码如下：
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>JavaScript</title>
  6. </head>
  7. <body>
  8.     <div id="result"></div>
  9.     <button type="button" onclick="sendAjax()">发送请求</button>
  10.     <script>
  11.         function sendAjax() {
  12.             // 创建 XMLHttpRequest 对象
  13.             var request = new XMLHttpRequest();
  14.             // 实例化请求对象
  15.             request.open("GET", "http://localhost:8081/test.php");
  16.             // 监听 readyState 的变化
  17.             request.onreadystatechange = function() {
  18.                 // 检查请求是否成功
  19.                 if(this.readyState === 4 && this.status === 200) {
  20.                     // 将来自服务器的响应插入当前页面
  21.                     document.getElementById("result").innerHTML = this.responseText;
  22.                 }
  23.             };
  24.             // 将请求发送到服务器
  25.             request.send();
  26.         }
  27.     </script>
  28. </body>
  29. </html>
复制代码
点击页面的“发送哀求”按钮，会返回如下错误：
   Access to XMLHttpRequest at 'http://localhost:8081/test.php' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
GET http://localhost:8081/test.php net::ERR_FAILED
  想要乐成从服务器中获取数据，就可以使用我们上面介绍的 JSONP 来实现，实现步骤如下：

使用<script>标签，将标签的 src 属性设置为要哀求的地址，如下所示：
   <script src="http://localhost:8081/test.php"></script>
  这时您会发现，<script>标签会自动剖析并实验返回的内容，如果这些内容不是完整的 JavaScript 代码，程序就会报错，全部在进行 JSONP 跨域哀求时，必要保证服务器返回一段完整的 JavaScript 代码。

另外，返回的内容也不能是一段纯 JSON 的数据，由于 JSON 数据会自动转换为一个 JavaScript 对象，但不将其分配给变量或者转达给函数，我们也无法拿来使用。

因此，我们可以在哀求中提供一个回调函数（被作为参数转达的函数，等同于一样平常函数），然后通过服务器返回这个函数，并将要返回的 JSON 数据作为函数的参数一同返回，如许<script>标签在剖析并实验返回内容是就会自动调用这个函数。示例代码如下：
   <script src="http://localhost:8081/test.php?callback=showJsonData"></script>
  服务器 http://localhost:8081/ 的完整代码如下所示：
  1. <?php
  2.     $data = array('name'=>'一百减一是零', 'url'=>'https://blog.csdn.net/weixin_59383491?spm=1000.2115.3001.5343');  // 定义一个数组，其中包含要返回的内容
  3.     $callback = $_GET['callback'];                // 接收请求中的回调函数
  4.     echo $callback."(".json_encode($data).")";    // 将上面的数组转换为 JSON 格式，然后拼接到函数中，作为函数的参数，返回给前端
  5.     return;                                       // 阻止程序向下继续运行
  6. ?>  
复制代码
网站 localhost:8080 的完整代码如下所示：
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>JavaScript</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         function showJsonData(data){
  10.             console.log(data);
  11.         }
  12.     </script>
  13.     <script src="http://localhost:8081/test.php?callback=showJsonData"></script>
  14. </body>
  15. </html>
复制代码
运行结果
   {name: '一百减一是零', url: '一百减一是零-CSDN博客'}
  总结

通过 JSONP，您可以避开浏览器的同源策略，进行跨域哀求。JSONP 是使用 HTML 标签的 src 属性引用资源不受同源策影响的特性来实现的，实现步骤如下：

注意：服务器返回的内容，必须是一段可实验的 JavaScript 代码，不能是别的内容。

创作不易，谢谢各位看官大佬的一键三连。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4