JSON

最新推荐文章于 2025-07-28 20:26:02 发布

疯狂小王子

最新推荐文章于 2025-07-28 20:26:02 发布

阅读量434

点赞数

CC 4.0 BY-SA版权

分类专栏： JSON 文章标签： json html5 java javascript

本文链接：https://blog.youkuaiyun.com/yelang0111/article/details/76646077

JSON 专栏收录该内容

1 篇文章

订阅专栏

1.什么是Json

JSON 是存储和交换文本信息的语法。类似 XML，说简单了就是信息存储的一种格式。是一种文本交换格式。

例如：

{"text":"菜单三",
		"child":[
		{"text":"子菜单31","url":"地址3"},
		{"text":"子菜单32","url":"地址3"},
		{"text":"子菜单33","url":"地址3"}
		]
}

2.json的格式：

数据的格式：

{“属性名”：”值”，”属性名”:值}

例如：qq和url

{“text”：“qq”，“url”: ”http://www.qq.com”}

多个此种格式的数据：

[

{“text”：“qq”，“url”: ”http://www.qq.com”},

{“text”：“163”，“url”:”http://www.163.com”}

]

注意“，”这个符号都是在哪里使用。

3.json的使用

json一般和ajax一起使用，下节的时候一起讲一个两者结合的例子

下面是一个json使用的小例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>json</title>
</head>
<body>
<h2>从 JSON 字符串中创建对象</h2>
<p>
网名: <span id="name"></span><br> 
网址: <span id="url"></span><br> 
</p> 
<script>
var txt = '{ "sites" : [' +
'{ "name":"野狼" , "url":"www.yelang.com" },' +
'{ "name":"google" , "url":"www.google.com" },' +
'{ "name":"微博" , "url":"www.weibo.com" } ]}';

var obj = eval ("(" + txt + ")");

document.getElementById("name").innerHTML=obj.sites[0].name 
document.getElementById("url").innerHTML=obj.sites[0].url 
</script>
</body>
</html>

上面的例子，其实有一个sites这个可以看成是一数组，document.getElementById("name").innerHTML=obj.sites[0].name 这句的意思是：得到sites第一个name对应的值，document.getElementById("name")的意思是得到id等于name的标签，而innerHTML是向得到的这个标签里传值。可以自己运行下看看。