JSON基础

最新推荐文章于 2022-04-30 09:38:39 发布

Suxiaomowang

最新推荐文章于 2022-04-30 09:38:39 发布

阅读量171

点赞数 1

分类专栏： JavaScript 文章标签： json html5 html

本文链接：https://blog.csdn.net/Suxiaomowang/article/details/120281527

版权

JavaScript 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

JSON是一种轻量级的数据交换格式，独立于语言但常用JavaScript解析。相比于XML，JSON更快、更简洁，常用于AJAX应用程序。JSON数据包括对象（键值对）和数组，广泛用于数据传输。在JavaScript中，可以使用JSON.stringify()将对象转为字符串，JSON.parse()将字符串转回对象。在实际应用中，JSON因其易读性和效率而被广泛采用。

摘要由CSDN通过智能技术生成

1. 什么是 JSON ？

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）

JSON 是轻量级的文本数据交换格式

JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言

目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON

JSON 独立于语言的轻量级的文本数据交换格式

JSON 独立于语言不光javascript可以识别/处理，其他的编程语言java,php....也可以识别/处理

在没有JSON之前我们使用XML充当数据交换格式

JSON与 XML 相同之处

JSON 是纯文本
JSON 具有"自我描述性"（人类可读）
JSON 具有层级结构（值中存在值）
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输

JSON与 XML 不同之处

没有结束标签
更短
读写的速度更快
能够使用内建的 JavaScript eval() 方法进行解析
使用数组
不使用保留字

2. 为什么使用 JSON？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

1.使用 XML

2.读取 XML 文档

3.使用 XML DOM 来循环遍历文档

读取值并存储在变量中

1.使用 JSON

2.读取 JSON 字符串

3.用 eval() 处理 JSON 字符串

3. JSON数据的组成

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）

“{}”--json对象 “{}”包含---名称/值对【键值对】/ json数组 / json对象

1.数字（整数或浮点数） "age":30
2.字符串（在双引号中）”name”:”mingzi”
3.逻辑值（true 或 false）"flag":true
4.数组（在中括号中）”array”:[]
5.对象（在大括号中）”obj”:{}
6.null "runoob":null

1. json对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var stuinfo={"stuid":1001,
					"stuname":"mingzi",
					"stusex":true,
					"stuaddress":["陕西省","西安市"],
					"classinfo":{"classname":"Web班","classcode":"20000825"}};
			alert(stuinfo);//[object Object]
		</script>
	</head>
	<body>
	</body>
</html>

2. json数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var jsonarr=["mingzi",{"sutid":1001,"stusex":true},{"sutid":1002,"stusex":false}];
			alert(jsonarr);//mingzi,[object Object],[object Object]
		</script>
	</head>
	<body>
	</body>
</html>

4. JSON数据的转换

我们得到的json数据有可能是json对象，也有可能是json字符串。因此我们就需要将json对象与json字符串进行转换

1. 判断得到的是json对象还是json字符串

使用alert输出

alert(stuinfo); //[object Object]

得到 json 对象

2. Json对象转换成Json字符串

可以使用 JSON.stringify() 方法

var stustring=JSON.stringify(stuinfo);
alert(stustring);//{"stuid":1001,"stuname":"mingzi","stusex":true,"stuaddress":["陕西省","西安市"],"classinfo":{"classname":"Web班","classcode":"20000825"}}

3. Json字符串转换成Json对象

使用 JSON.parse() 方法

var jsonObj=JSON.parse(stustring);
alert(jsonObj); //[object Object]

eval("("+字符串+")") 方法

var jsonobj=eval("("+stustring+")");
alert(jsonobj); //[object Object]
alert(jsonobj.stuname);//mingzi