JSON: JavaScript Object Notation   JavaScript 对象表示法。

由于现在很多在服务器获取数据，很多都涉及json数据格式，因此学习json非常有必要。

* 语法格式：

1. {键1:值1,键2:值2...} -- json格式

var person = {"name":"zhangsan","age":23,"gender":"male"};



2.[值1，值2，值3...] -- 数组格式

var persons = [ {"name":"zhangsan","age":23,"gender":"male"}, {"name":"zhangsan","age":23,"gender":"male"}, {"name":"zhangsan","age":23,"gender":"male"}]



* 这两种基本格式可以混合使用，形成复杂的格式





* 注意：

* json的键是字符串。

* json的值可以使任意的类型



* 访问数据：

1.引用名称.键的名称:  如 person.name

还可以写为：  引用名称["键的名称"]  如 ： person["name"]

2.数组可以使用角标获取元素

看一看它的时如何获取数据的：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

	/* var person = {"name":"zhangsan","age":23,"gender":"male"};

	//alert(person.name);

	alert(person["name"]); */

	//访问复杂格式

		var persons = {

						"persons":[

									{"name":"zs","age":23,"gender":"male"},

									{"name":"ls","age":24,"gender":"female"},

									{"name":"ww","age":25,"gender":"male"}

								  ]

					 }

		/*

			1. persons.persons 获取persons键对应的数组

			2.[0] 获取第一个元素  这个元素是json类型的对象

			3. .name 根据name键 获取json中对应的值

		*/

		//alert(persons.persons[0].name);

	var persons = [

					{"name":"zs","age":23,"gender":"male"},

					{"name":"ls","age":24,"gender":"female"},

					{"name":"ww","age":25,"gender":"male"}

				  ]

	/*

		1.获取数组中的第二个json对象  persons[1]

		2. .age

	*/

	alert(persons[1].age);

</script>

</head>

<body>

</body>

</html>

javascript之JSON引入的更多相关文章

  1. 第一百二十七节，JavaScript，JSON数据类型转换，数据转换成字符串，字符串转换成数据

    第一百二十七节,JavaScript,JSON数据类型转换,数据转换成字符串,字符串转换成数据 学习要点: 1.JSON语法 2.解析和序列化 前两章我们探讨了XML的结构化数据,但开发人员还是觉得这 ...

  2. javascript：json对象和json字符串的相互转换

    json对象和字符串的相互转换 //使用json中的parser方法转换: var str='{"name":"fendouer", "age&quo ...

  3. 小白科普之JavaScript的JSON

    一.对json的理解     json是一种数据格式,不是一种编程语言,json并不从属于javascript.     json的语法可以表示以下三种类型的值     1)简单值           ...

  4. JavaScript 拼接JSON

    <script language="javascript" type="text/javascript"> var json="" ...

  5. 在Javascript操作JSON对象，增加 删除 修改

    在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { ...

  6. JavaScript对Json的增删改属性

    <script type="text/javascript"> var json = { "age":24, "name":&q ...

  7. 简单使用JSON，JavaScript读取JSON文本(三)

    JavaScript 读取 JSON 文本转换为对象 JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 Jav ...

  8. JavaScript处理json格式数据

    JSON即JavaScript对象标记,是一种轻量级的数据交换格式,非常适用于服务器与JavaScript的交互.JSON是基于纯文本的数据格式. JSON是JavaScript的原生格式,可以使用J ...

  9. javascript获取json对象的key名称的两种方法

    javascript获取json对象的key名称的两种方法 数据处理中,你可能接收到一个不确定内容格式的json对象,然后要把key的值提取出来.今天试过两种可以提取json key的方法,均可以正常 ...

随机推荐

  1. Android TextView常用属性

    [说明] TextView是用来显示文本的组件.以下介绍的是XML代码中的属性,在java代码中同样可通过 "组件名.setXXX()方法设置.如,tv.setTextColor(); [属 ...

  2. 迭代器&生成器

    迭代器 迭代是Python最强大的功能之一,是访问集合元素的一种方式. 迭代器是一个可以记住遍历的位置的对象. 迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束.迭代器只能往前不会后退 ...

  3. 【if...else】身高预测

    每个做父母的都关心自己孩子成人后的身高,据有关生理卫生知识与数理统计分析表明,影响小孩成人后的身高的因素包括遗传.饮食习惯与体育锻炼等.小孩成人后的身高与其父母的身高和自身的性别密切相关.设faHei ...

  4. let 和 const 命令

    let 命令 基本用法 ES6 新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. { let a = 10; var b = 1; } a / ...

  5. PHP 是什么

    PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言. PHP(外文名:PHP: Hypertext Preprocessor,中文名:"超文本预处理器")是一种通用开源脚本 ...

  6. 重载equals方法时要遵守的通用约定--自反性,对称性,传递性，一致性，非空性

    本文涉及到的概念 1.为什么重载equals方法时,要遵守通用约定 2.重载equals方法时,要遵守哪些通用约定   为什么重载equals方法时,要遵守通用约定 Object类的非final方法都 ...

  7. WmS详解(二)之如何理解Window和窗口的关系？基于Android7.0源码

    上篇博客(WmS详解(一)之token到底是什么?基于Android7.0源码)中我们简要介绍了token的作用,这里涉及到的概念非常多,其中出现频率最高的要数Window和窗口这一对搭档了,那么我们 ...

  8. Android Multimedia框架总结（四）MediaPlayer中从Java层到C++层类关系及prepare及之后其他过程

    转载请把头部出处链接和尾部二维码一起转载,本文出自:http://blog.csdn.net/hejjunlin/article/details/52420803 前言:在上篇中,分析了MediaPl ...

  9. Android判断当前系统语言

    Android获取当前系统语言 getResources().getConfiguration().locale.getCountry() 国际化常用语言 中文: getResources().get ...

  10. Android-满屏幕拖动的控件

    本文转载自师兄一篇博客:http://blog.csdn.net/yayun0516/article/details/52254818 觉得跟之前的模拟小火箭很相似,又有学习的地方,能作为知识补充.所 ...