javascript基础（JSON的使用和低版本IE的兼容）（四十七）

最新推荐文章于 2022-04-13 14:28:40 发布

咸鸭蛋炒饭

最新推荐文章于 2022-04-13 14:28:40 发布

阅读量740

点赞数

分类专栏： HTML5基础篇文章标签： html javascript json dom 经验

本文链接：https://blog.csdn.net/u010853130/article/details/55262714

版权

HTML5基础篇专栏收录该内容

121 篇文章 7 订阅

订阅专栏

1.JSON的使用和低版本IE的兼容：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript">
			
			//创建一个js对象
			var obj = {"name":"孙悟空","age":18,"gender":"男"};
			
			/*
			 * 将obj这个JS对象，发送到其他语言中，让其他语言也可以使用
			 * 
			 * 	123
			 * 
			 * 
			 * 	true
			 * 	false
			 * 
			 * 
			 * 	"hello"
			 */
			
			/*
			 * JSON
			 * 	- JavaScript Object Notation
			 * 	- JS对象表示法
			 * 	- JSON是表示数据的一种格式
			 * 	- JSON实际就是一个字符串，但是JSON这个字符串的格式比较特殊
			 * 	- JSON的语法和JS对象的语法基本一致，但是注意JSON中的属性名必须加双引号
			 * 	- JSON可以被任意的语言任意的平台所识别，并且可以转换为任意语言的对象
			 * 		在开发中我们经常使用JSON来进行数据的交换，或者是编写配置文件
			 * 	- JSON语法规范：
			 * 		- JSON对象
			 * 			'{ }'
			 * 		- JSON数组
			 * 			'[]'
			 * 		- JSON中可以使用的数据类型
			 * 			1.字符串
			 * 			2.数值
			 * 			3.布尔值
			 * 			4.null
			 * 			5.对象
			 * 			6.数组
			 */
			var str = '{"name":"孙悟空","age":18,"gender":"男"}';
			var str2 = '[1,2,3,4,"hello",true]';
			//console.log(typeof str);
			
			//创建一个对象
			var arr = [
				{name:"孙悟空",age:18,gender:"男"},
				{name:"猪八戒",age:28,gender:"男"},
				{name:"沙和尚",age:38,gender:"男"},
			];
			
			//将arr转换为JSON对象，发送给其他的模块
			///var str3 = '[{"name":"孙悟空","age":18}]';
			
			/*
			 * 在JS中为我们提供了一个工具类，就叫JSON
			 * 	- 通过该类可以帮我们将一个JS对象，转换为一个JSON
			 * 		也可以将一个JSON转换为一个JS对象
			 */
			
			//将arr转换为JSON对象
			
			arr = [
				{name:"孙悟空",age:18,gender:"男"},
				{name:"猪八戒",age:28,gender:"男"},
				{name:"沙和尚",age:38,gender:"男"},
			];
			
			/*
			 * JS对象 ----> JSON
			 * 
			 * 	JSON.stringify()
			 * 		- 该方法可以将一个JS对象转换为JSON
			 * 		- 需要一个JS对象作为参数，可以将该对象转换为JSON字符串返回
			 */
			
			var result = JSON.stringify(arr);
			
			var str3 = '[{"name":"孙悟空","age":18,"gender":"男"},{"name":"猪八戒","age":28,"gender":"男"},{"name":"沙和尚","age":38,"gender":"男"}]';
			
			/*
			 * JSON ----> JS对象
			 * 	JSON.parse()
			 * 		- 可以将一个JSON字符串转换为JS对象
			 * 
			 * JSON这个工具类在IE7及以下的浏览器中不支持
			 * 		如果需要兼容这些老版本的浏览器，则可以引入一个外部的JS文件，来处理该问题
			 */
			
			result = JSON.parse(str3);
			
			console.log(result);
			
			
			
		</script>
	</head>
	<body>
	</body>
</html>