0

0

简单了解json

怪我咯

怪我咯

发布时间:2017-04-01 09:47:06

|

1834人浏览过

|

来源于php中文网

原创

json就是js对象
-----
简单地说,json 可以将 javascript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪(稍后会看到几个示例),但是 javascript 很容易解释它,而且 json 可以表示比名称/值对更复杂的结构。例如,可以表示数组和复杂的对象,而不仅仅是键和值的简单列表。
简单 json 示例
按照最简单的形式,可以用下面这样的 json 表示名称/值对:

{ "firstname": "brett" }

这个示例非常基本,而且实际上比等效的纯文本名称/值对占用更多的空间:
firstname=brett

但是,当将多个名称/值对串在一起时,json 就会体现出它的价值了。首先,可以创建包含多个名称/值对的记录 ,比如:

{ "firstname": "brett", "lastname":"mclaughlin", "email": "brett@newinstance.com" }

从语法方面来看,这与名称/值对相比并没有很大的优势,但是在这种情况下 json 更容易使用,而且可读性更好。例如,它明确地表示以上三个值都是同一记录的一部分;花括号使这些值有了某种联系。
值的数组
当需要表示一组值时,json 不但能够提高可读性,而且可以减少复杂性。例如,假设您希望表示一个人名列表。在 xml 中,需要许多开始标记和结束标记;如果使用典型的名称/值对(就像在本系列前面文章中看到的那种名称/值对),那么必须建立一种专有的数据格式,或者将键名称修改为 person1-firstname 这样的形式。
如果使用 json,就只需将多个带花括号的记录分组在一起:

{ "people": [

{ "firstname": "brett", "lastname":"mclaughlin", "email": "brett@newinstance.com" },

{ "firstname": "jason", "lastname":"hunter", "email": "jason@servlets.com" },

{ "firstname": "elliotte", "lastname":"harold", "email": "elharo@macfaq.com" }

]}

这不难理解。在这个示例中,只有一个名为 people 的变量,值是包含三个条目的数组,每个条目是一个人的记录,其中包含名、姓和电子邮件地址。上面的示例演示如何用括号将记录组合成一个值。当然,可以使用相同的语法表示多个值(每个值包含多个记录):

{ "programmers": [

{ "firstname": "brett", "lastname":"mclaughlin", "email": "brett@newinstance.com" },

{ "firstname": "jason", "lastname":"hunter", "email": "jason@servlets.com" },

{ "firstname": "elliotte", "lastname":"harold", "email": "elharo@macfaq.com" }

],

"authors": [

{ "firstname": "isaac", "lastname": "asimov", "genre": "science fiction" },

{ "firstname": "tad", "lastname": "williams", "genre": "fantasy" },

{ "firstname": "frank", "lastname": "peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstname": "eric", "lastname": "clapton", "instrument": "guitar" },

{ "firstname": "sergei", "lastname": "rachmaninoff", "instrument": "piano" }

]

}

这里最值得注意的是,能够表示多个值,每 个值进而包含多个值。但是还应该注意,在不同的主条目(programmers、authors 和 musicians)之间,记录中实际的名称/值对可以不一样。json 是完全动态的,允许在 json 结构的中间改变表示数据的方式。
在处理 json 格式的数据时,没有需要遵守的预定义的约束。所以,在同样的数据结构中,可以改变表示数据的方式,甚至可以以不同方式表示同一事物。
在 javascript 中使用 json
掌握了 json 格式之后,在 javascript 中使用它就很简单了。json 是 javascript 原生格式,这意味着在 javascript 中处理 json 数据不需要任何特殊的 api 或工具包。
将 json 数据赋值给变量
例如,可以创建一个新的 javascript 变量,然后将 json 格式的数据字符串直接赋值给它:
var people =

{ "programmers": [

{ "firstname": "brett", "lastname":"mclaughlin", "email": "brett@newinstance.com" },

{ "firstname": "jason", "lastname":"hunter", "email": "jason@servlets.com" },

{ "firstname": "elliotte", "lastname":"harold", "email": "elharo@macfaq.com" }

],

"authors": [

{ "firstname": "isaac", "lastname": "asimov", "genre": "science fiction" },

{ "firstname": "tad", "lastname": "williams", "genre": "fantasy" },

{ "firstname": "frank", "lastname": "peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstname": "eric", "lastname": "clapton", "instrument": "guitar" },

{ "firstname": "sergei", "lastname": "rachmaninoff", "instrument": "piano" }

]

}
这非常简单;现在 people 包含前面看到的 json 格式的数据。但是,这还不够,因为访问数据的方式似乎还不明显。
访问数据
尽管看起来不明显,但是上面的长字符串实际上只是一个数组;将这个数组放进 javascript 变量之后,就可以很轻松地访问它。实际上,只需用点号表示法来表示数组元素。所以,要想访问 programmers 列表的第一个条目的姓氏,只需在 javascript 中使用下面这样的代码:
people.programmers[0].lastname;

注意,数组索引是从零开始的。所以,这行代码首先访问 people 变量中的数据;然后移动到称为 programmers 的条目,再移动到第一个记录([0] );最后,访问 lastname 键的值。结果是字符串值 “mclaughlin”。
下面是使用同一变量的几个示例。
people.authors[1].genre   // value is "fantasy"
people.musicians[3].lastname  // undefined. this refers to the fourth entry,
and there isn't one
people.programmers.[2].firstname // value is "elliotte"

利用这样的语法,可以处理任何 json 格式的数据,而不需要使用任何额外的 javascript 工具包或 api。
修改 json 数据
正如可以用点号和括号访问数据,也可以按照同样的方式轻松地修改数据:

people.musicians[1].lastname = "rachmaninov";

在将字符串转换为 javascript 对象之后,就可以像这样修改变量中的数据。
转换回字符串
当然,如果不能轻松地将对象转换回本文提到的文本格式,那么所有数据修改都没有太大的价值。在 javascript 中这种转换也很简单:
javascript0 newjsontext = people.tojsonstring();
这样就行了!现在就获得了一个可以在任何地方使用的文本字符串,例如,可以将它用作 ajax 应用程序中的请求字符串。
更重要的是,可以将任何 javascript 对象转换为 json 文本。并非只能处理原来用 json 字符串赋值的变量。为了对名为 myobject 的对象进行转换,只需执行相同形式的命令:
string myobjectinjson = myobject.tojsonstring();
这就是 json 与本系列讨论的其他数据格式之间最大的差异。如果使用 json,只需调用一个简单的函数,就可以获得经过格式化的数据,可以直接使用了。对于其他数据格式,需要在原始数据和格式化数据之间进行转换。即使使用 document object model 这样的 api(提供了将自己的数据结构转换为文本的函数),也需要学习这个 api 并使用 api 的对象,而不是使用原生的 javascript 对象和语法。
最终结论是,如果要处理大量 javascript 对象,那么 json 几乎肯定是一个好选择,这样就可以轻松地将数据转换为可以在请求中发送给服务器端程序的格式。

结束语

本系列已经用大量时间讨论了数据格式,这主要是因为几乎所有异步应用程序最终都要处理数据。如果掌握了发送和接收所有类型的数据的各种工具和技术,并按照最适合每种javascript1的方式使用它们,那么就能够更精通 ajax。在掌握 xml 和纯文本的基础上,再掌握 json,这样就能够在 javascript 中处理更复杂的数据结构。

本系列中的下一篇文章将讨论发送数据以外的问题,深入介绍服务器端程序如何接收和处理 json 格式的数据。还要讨论服务器端程序如何跨脚本和服务器端组件以 json 格式发送回数据,这样就可以将 xml、纯文本和 json 请求和响应混合在一起。这可以提供很大的灵活性,可以按照几乎任何组合结合使用所有这些工具。

jquery简单的滑动解锁
jquery简单的滑动解锁

jquery简单的滑动解锁

下载

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

37

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

37

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

45

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

9

2026.01.13

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号