JSON简介
json是什么?
json是JavaScript Object Notation的简写,简单点来说就是一种轻量级的数据交换格式。起初来源于JavaScript这门语言,后来随着使用的广泛,几乎每门开发语言都有处理JSON的API((Application Programming Interface,应用程序接口)。
1.并列的数据之间用逗号(,)分隔
2.映射用冒号(:)表示,冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)
3.并列数据的集合(数组)用方括号([])表示
4.映射的集合(对象)用大括号({})表示
5."" 双引号内是属性或值
JSON键值对的格式是:字段名称(包含在双引号中),后面加一个冒号,然后是值。 例如:
"name": "张三"
JSON的值的可以是:
(1)数字(整数或浮点数),如: {"age":22 }
(2)字符串(在双引号中),如: {"name":"张三" }
(3)逻辑值,如: {"成年否":true }
(4)数组(在方括号中),如:
{
"user":["张三","李小兵","赵梦" ]
}
(5)对象(在花括号中),如:
{
"user":{"name":"张三","age":22,"city":"New Delhi" }
}
(6) null,如:{"配偶":null}
例、下面这句话:
"北京市的面积为16410平方公里,常住人口2189万人。"
写成json格式就是这样:
{"城市":"北京","面积(平方千米)":16410,"人口(万)":2189},
JSON在线格式化工具
json格式在HTML中的应用示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>json格式在HTML中的应用示例</title>
</head>
<body>
<h2>JavaScript 创建 JSON 对象</h2>
<p>
城市名称: <span id="city"></span><br />
城市面积(平方千米): <span id="area""></span><br />
城市人口(万): <span id="population"></span><br />
</p>
<script>
var JSONObject= {"城市":"北京","面积":16410,"人口":2189}
document.getElementById("city").innerHTML=JSONObject.城市
document.getElementById("area").innerHTML=JSONObject.面积
document.getElementById("population").innerHTML=JSONObject.人口
</script>
</body>
</html>
保存文件名:json格式在HTML中的应用.html
运行之,参见下图:
进一步了解,可参见:JSON入门教程(适合初学者)_cnds123的专栏-CSDN博客_json入门