JSON

最新推荐文章于 2024-06-04 12:31:10 发布
最新推荐文章于 2024-06-04 12:31:10 发布
阅读量136 收藏
点赞数
分类专栏： JSON 文章标签： JSON
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40268306/article/details/84304449
版权

近期需要用到微信小程序

小程序：连接后端数据库，实现拍照上传等功能，

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 实例

{ "sites": [

      { "name":"菜鸟教程" , "url":"www.runoob.com" },

      { "name":"google" , "url":"www.google.com" },

      { "name":"微博" , "url":"www.weibo.com" }

     ]

}

这个 sites 对象是包含 3 个站点记录（对象）的数组。

下面是简单介绍

JSON 值

JSON 值可以是：

  • 数字（整数或浮点数）
  • 字符串（在双引号中）
  • 逻辑值（true 或 false）
  • 数组（在中括号中）
  • 对象（在大括号中）
  • null

 

JSON 使用 JavaScript 语法

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

实例

var sites = [ { "name":"runoob" , "url":"www.runoob.com" }, { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ];

可以像这样访问 JavaScript 对象数组中的第一项（索引从 0 开始）：

sites[0].name;

返回的内容是：

runoob

可以像这样修改数据：

sites[0].name="菜鸟教程";

删除对象属性

我们可以使用 delete 关键字来删除 JSON 对象的属性：

实例

delete myObj.sites.site1;

你可以使用中括号([])来删除 JSON 对象的属性：

实例

delete myObj.sites["site1"]

 

JSON 对象中的数组

对象属性的值可以是一个数组：

实例

{ "name":"网站", "num":3, "sites":[ "Google", "Runoob", "Taobao" ] }

 

JSON.parse()

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

语法

JSON.parse(text[, reviver])

参数说明：

  • text:必需， 一个有效的 JSON 字符串。
  • reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

 

<p id="demo"></p> <script> var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }'); document.getElementById("demo").innerHTML = obj.name + "：" + obj.site; </script>

 

 

解析函数

JSON 不允许包含函数，但你可以将函数作为字符串存储，之后再将字符串转换为函数。

实例

var text = '{ "name":"Runoob", "alexa":"function () {return 10000;}", "site":"www.runoob.com"}'; var obj = JSON.parse(text); obj.alexa = eval("(" + obj.alexa + ")"); document.getElementById("demo").innerHTML = obj.name + " Alexa 排名：" + obj.alexa();

 

JSON.stringify()

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

语法

JSON.stringify(value[, replacer[, space]])

参数说明：

  • value:

    必需， 一个有效的 JSON 对象。

  • replacer:

    可选。用于转换结果的函数或数组。

    如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。

    如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。

  • space:

    可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 有可以使用非数字，如：\t。

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

var obj = eval ("(" + txt + ")");

JSON 解析器

lamp  eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。

使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本，而不会编译脚本。

在浏览器中，这提供了原生的 JSON 支持，而且 JSON 解析器的速度更快。

较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。

 

JSONP 应用

1. 服务端JSONP格式数据

如客户想访问 : http://www.runoob.com/try/ajax/jsonp.php?jsonp=callbackFunction。

假设客户期望返回JSON数据：["customername1","customername2"]。

真正返回到客户端的数据显示为: callbackFunction(["customername1","customername2"])。

服务端文件jsonp.php代码为：

jsonp.php 文件代码

<?php header('Content-type: application/json'); //获取回调函数名 $jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']); //json数据 $json_data = '["customername1","customername2"]'; //输出jsonp格式的数据 echo $jsoncallback . "(" . $json_data . ")"; ?>

2. 客户端实现 callbackFunction 函数

<script type="text/javascript"> function callbackFunction(result, methodName) { var html = '<ul>'; for(var i = 0; i < result.length; i++) { html += '<li>' + result[i] + '</li>'; } html += '</ul>'; document.getElementById('divCustomers').innerHTML = html; } </script>

页面展示

<div id="divCustomers"></div>

客户端页面完整代码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JSONP 实例</title> </head> <body> <div id="divCustomers"></div> <script type="text/javascript">

function callbackFunction(result, methodName) { var html = '<ul>'; for(var i = 0; i < result.length; i++) { html += '<li>' + result[i] + '</li>'; } html += '</ul>'; document.getElementById('divCustomers').innerHTML = html; }

</script> <script type="text/javascript" src="http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction"></script> </body> </html>

jQuery 使用 JSONP

以上代码可以使用 jQuery 代码实例：

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JSONP 实例</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.8.3/jquery.js"></script> </head> <body> <div id="divCustomers"></div> <script>

$.getJSON("http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) { var html = '<ul>'; for(var i = 0; i < data.length; i++) { html += '<li>' + data[i] + '</li>'; } html += '</ul>'; $('#divCustomers').html(html); });

</script> </body> </html>

klsfct
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity 数据读取|（四）Json文件解析（Newtonsoft.Json ，Litjson，JsonUtility，SimpleJSON）
游戏开发小Y的博客
11-14 6万+
JSON文件是一种纯文本文件，用于存储数据，并且是基于JavaScript的一个子集。JSON文件通常用于存储和传输数据，以及在应用程序之间交换信息。它们以键值对的形式存储数据，其中键是字符串，值可以是字符串、数字、布尔值、数组、对象或null。JSON文件通常具有.json扩展名，例如example.json。在JSON文件中，数据以层次结构的形式组织，可以表示嵌套的对象和数组。JSON文件通常用于存储配置信息、数据交换和持久化存储。可以在了解关于JSON的更多信息。解析时间。
最好用的c++json库 nlohmann json源代码
04-14
最好用的c++json库 nlohmann json源代码最好用的c++json库 nlohmann json源代码最好用的c++json库 nlohmann json源代码最好用的c++json库 nlohmann json源代码最好用的c++json库 nlohmann json源代码最好用的c++json...
JSON学习笔记（六）- JSONP
春华秋实
05-17 735
JSONP 教程本章节我们将向大家介绍 JSONP 的知识。Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。同源策略，它是由Netscape提出的一个著名的安全策略，现在所有支持JavaScript 的浏览器都会使用...
json 之JSONP 应用-跨域读取数据
Vaeling0818的博客
08-17 258
Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。 因同源策略,我们从不同的域（网站）访问数据需要一个JSONP技术 1. 服务端 JSONP 格式数据 如客户想访问 : https://www.baidu.com/try/ajax/jsonp.php?jsoncallback=callbackFunction。 假设客户期望返回数据：["customerName1","customerName2"]。 .
JSONP 教程
奋斗的日子最甜美，在科技的海洋里，永无止境。
12-29 426
JSONP 教程 本章节我们将向大家介绍 JSONP 的知识。 Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。 为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。 同源策略，它是由Netscape提出的一个著名的安全策略，现在所有支持Jav
JSON 注释
梁辰兴的博客
11-13 1万+
JSON 是一种纯粹的数据交换格式，其简单、灵活的特性使得 JSON 适合被用于各种不同的场景，例如在配置文件中、在接口返回的数据中都会用到 JSON 格式。想要在 JSON 中添加注释，我们可以在要添加注释键/值对的前面（或后面）添加一个同名的键，并在键名中添加一个特殊字符加以区分，例如 @、#、?之所以不允许添加注释，是因为 JSON 主要是用来存储数据的，过多的注释会对数据的可读性造成影响，同时也会造成数据体积变大，进而影响数据传输、解析的速度。type = 0=正常;等 JSON 中常用的字符。
JSON 数据格式化方法
小发菜
06-04 1万+
JSON 数据格式化是处理 JSON 数据的重要步骤，有助于提高数据的可读性和可维护性。您可以使用 IDE 或脚本语言提供的内置功能进行格式化，也可以使用在线工具进行格式化。非常推荐 [JSONS](https://www.sojson.com) 不仅支持格式化，而且还支持代码文本对比和替换等功能。
Gson解析JSON
qq_42847719的博客
12-27 6368
Gson是Google提供的处理JSON数据的Java类库，主要用于转换Java对象和JSON对象。
Json数据格式
热门推荐
lengye7的博客
04-29 2万+
前言 Json（Javascript Object Notation）从Javascript派生而来，它是一种语言无关的数据格式，Json数据格式的文件以.json结尾。 Json数据格式由Douglas Crockford在2000年左右提出的。 RFC4627是描述了Json数据格式的第一份informational状态的RFC文档。2013年，ECMA-404标准化了Json；2017年，RFC8259正式成为Standard状态的RFC文档，标志着Json数据格式正式成为一种标准。另外，ECM
echarts 全国地图json数据
08-25
在这个“echarts全国地图json数据”中，我们主要讨论的是如何使用ECharts来展示中国地图，并结合JSON数据进行动态的、交互式的可视化。 首先，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于...
电视源json电视源json电视源json电视源json
09-29
电视源json
Newtonsoft.json.dll v12.0.3
06-23
《Newtonsoft.Json.dll v12.0.3：.NET框架的强大JSON处理库》 在.NET开发领域，处理JSON数据是一项常见的任务。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器...
世界地图地理json文件
02-02
echarts中用到的世界地图地理json文件
JSONP--实现跨域的ajax技术
Yana_li的博客
10-12 333
JSONP 教程本章节我们将向大家介绍 JSONP 的知识。Jsonp(JSON with Padding) 是 json 的一种”使用模式”，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。同源策略，它是由Netscape提出的一个著名的安全策略，现在所有支持JavaScript 的浏览器都会使用这
常用芯片手册芯片资料MAX260常用芯片手册芯片资料MAX260
最新发布
08-31
常用芯片手册芯片资料MAX260常用芯片手册芯片资料MAX260提取方式是百度网盘分享地址
常用芯片手册芯片资料82530常用芯片手册芯片资料82530
08-31
常用芯片手册芯片资料82530常用芯片手册芯片资料82530提取方式是百度网盘分享地址
JSON与JSON Schema解析
"这篇资料主要关注JSON Schema，这是一种用于定义JSON数据结构的规范，以便验证JSON数据是否符合规范，确保数据的准确性和一致性。在培训资料中，它涵盖了JSON的基本概念、JSON Schema的使用以及JSON Schema ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值