一、技术概括
JSON(JavaScript Object Notation) 是存储和交换文本信息的语法。
- JSON 是轻量级的文本数据交换格式
- JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。
- JSON 具有自我描述性,更易理解
二、JSON的几个基本用法
1.用JSON存数据,并且显示出来
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JSON存数据,并且显示出来</title>
<p id="p"></p><br />
<script>
var JSONObject = {
"name":"福大"
};
document.getElementById("p").innerHTML=JSONObject.name
</script>
</head>
<body>
</body>
</html>
注意点
- 放在中,页面还没有完全加载,document就去取元素了,这时候就会报错了
- 放在中:放在head中的JS代码会在页面加载完成之前就读取,可以确保在需要使用脚本之前,它已经被载入了.
- 放在body中:JavaScripts会在页面加载的时候被执行。
2.JSON数组
数组可包含多个对象
{
"sites":[
{"name":"福大","age":18},
{"name":"命大","age":19},
{"name":"造化大","age":20}
]
}
上面的"sites"是包含三个对象的数组.每个对象代表一条个人信息(名字,年龄)
数组作为JSON对象
-
JSON数组在中括号中写
-
JSON中数组值必须是合法的JSON数据类型(字符串,数字,对象,数组,布尔值或null)
-
JavaScript中,数组可以是以上JSON数据类型,也可以是JAvascript的表达式,包括函数,日期,及underfined
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <p id="p"></p> <script> var city ={ "FZSH":“福建省会", "fz":["闽侯县","鼓楼区","仓山区"] } document.getElementById("p").innerHTML = city.fz[0]; </script> </body> </html>
修改数组值
例如,把上面的闽侯县改成马尾区
city .fz[0]="马尾区"
删除数组值
例如删除闽侯县
delete city .fz[0]