说明
JSON:Javascript对象表示法(Javascript Object Notation)。JSON是存储和交换文本信息的语法。类似XML。但比XML更小、更快、更易解析。
1、创建JSON对象,并在网页上显示信息
JavaScript代码
<html>
<body>
<h2>在 JavaScript 中创建 JSON 对象</h2>
<!--span是内联样式,写在span元素里面的内容不换行,后面跟了个<br />换行符才会换行,这里的作用是将下面通过id获取的JavaScript对象将要显示的内容追加在此处-->
<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>
<script type="text/javascript">
//定义JSON对象
//对象包含4个变量(字段),name、street、age、phone
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
//通过id获取JavaScript对象,并在页面中显示JSONObject中的变量值
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>
</body>
</html>
结果:网页中显示
2、JSON的语法介绍
(1)JSON名称/值对
名称/值对包括字段名称(在双引号中),后面写一个冒号,然后跟着字段的值:
例子:"name":"Bill Gates" 相当于 name="Bill Gates"
(2)JSON值
JSON的值可以是数字(整数、浮点数)、字符串(在双引号中)、逻辑值(true或false)、数组(在方括号中)、对象(在大括号中)、null(空值)
(3)JSON对象
JSON对象写在花括号(大括号)中,对象可以包含多个名称/值对:
{ "firstname":"Bill" , "lastName":"Gates" } 相当于 firstname="Bill",lastname="Gates"
(4)JSON数组
JSON数组写在方括号中,数组可以包含多个对象:
{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}
其中employees是数组名,fistName、lastName是字段名,两个字段构成一个对象,每个对象代表一条关于某人的信息(姓和名)。
(5)JSON使用JavaScript的语法
创建JSON对象数组、并且赋值:
var employees = [
{ "firstname":"Bill" , "lastname":"Gates" },
{ "firstname":"George" , "lastname":"Bush" },
{ "firstname":"Thomas" , "lastname":"Carter" }
];
访问数组中的变量值:
employees[0].lastname;
返回的内容:
Gates