JQuery第七章Json

最新推荐文章于 2024-09-11 11:10:09 发布

LW0512

最新推荐文章于 2024-09-11 11:10:09 发布

阅读量115

点赞数

分类专栏： json 文章标签： json

本文链接：https://blog.csdn.net/LW0512/article/details/108919979

版权

json 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Json

1:什么是json？

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。

2:json数据格式有2种写法：

	1：对象格式
	2：数组格式

3:json方法

eval()  将js代码转换成对象/不建议用，安全性太低
json提供2个方法，但是要求浏览器版本高（现在浏览器不影响了，如果想让方法兼容低版本浏览器，请下载json.js）
stringify()		讲json转换成js字符
stringify()方法除了可以转换以外，方法中的第2个参数是过滤 你要留哪个值，就以数组形式写到方法里面
第3个参数是数字   可以改变数据的距离
parse()			将js字符串转换成json
parse()所有的字符必须加双引号

实例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
	<script src="json/json2.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var str='[{"name":"1","age":"18","add":"北京1"},{"name":"2","age":"18","add":"北京1"},{"name":"3","age":"18","add":"北京1"}]';
		// alert(typeof str)//string
		// alert(str) 
		// alert(str[0].name)
		var jsn=JSON.parse(str);
		// alert(jsn)//[object Object],[object Object],[object Object]
		// alert(jsn)
		document.write(jsn[0].name)//1

//		var str='[{"name":"1","age":"18","add":"北京1"},{"name":"2","age":"18","add":"北京1"},{"name":"3","age":"18","add":"北京1"}]';
//		alert(typeof str);//object
//		alert(typeof eval(str));//object
		
		
		var str=[{"name":"1","age":"18","add":"北京1"},{"name":"2","age":"18","add":"北京1"},{"name":"3","age":"18","add":"北京1"}];
		// alert(typeof str)//object
//		alert(str[1].name)//2
//		var o1=JSON.stringify(str);
//		alert(typeof o1)//string
//		var o2=JSON.stringify(str,['name','age']);
//		alert(o2)
		// var o3=JSON.stringify(str,['name','age'],4);
		// document.write(o3)
	</script>
</html>

4：json结构写法

	var obj={
		"sites": {
		    "site": [
		      {
		        "id": "1",
		        "name": "菜鸟教程",
		        "url": "www.runoob.com"
		      },
		      {
		        "id": "2",
		        "name": "菜鸟工具",
		        "url": "c.runoob.com"
		      },
		      {
		        "id": "3",
		        "name": "Google",
		        "url": "www.google.com"
		      }
		    ]
		}
	}