一、什么是JSON?
JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
JSON 是轻量级的文本数据交换格式
JSON 独立于语言
JSON 具有自我描述性,更易理解
JSON实例:
<html>
<body>
<h2>在 JavaScript 中创建 JSON 对象</h2>
<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创建对象
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
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>
二、JSON数组和JSON对象
1.JSON 数组
JSON 数组在方括号中书写:
数组可包含多个对象:
{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}
在上面的例子中,对象 “employees” 是包含三个对象的数组。每个对象代表一条关于某人(有姓和名)的记录。
2.JSON对象
JSON 对象在花括号中书写:
对象可以包含多个名称/值对:
{
"firstName":"John" ,
"lastName":"Doe"
}
三、JSON 使用 JavaScript 语法
因为 JSON 使用 JavaScript 语法,所以无需额外的软件就能处理 JavaScript 中的 JSON。
通过 JavaScript,您可以创建一个对象数组,并像这样进行赋值:
var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];
可以像这样访问 JavaScript 对象数组中的第一项:
employees[0].lastName;
可以像这样修改数据:
employees[0].lastName = "Jobs";
四、JSON 实例 - 来自字符串的对象
1.创建包含 JSON 语法的 JavaScript 字符串:
var txt = '{ "employees" : [
' +'{ "firstName":"Bill" , "lastName":"Gates" },
' +'{ "firstName":"George" , "lastName":"Bush" },
' +'{ "firstName":"Thomas" , "lastName":"Carter" } ]
}';
注意:上述代码把JSON格式对象改造成字符串形式,即txt变量是一个字符串,之后通过 eval()函数 把该字符串解析成JavaScript对象,并使用。
2.在网页中使用 JavaScript 对象:
var obj = eval ("(" + txt + ")");
eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。必须把文本包围在括号中,这样才能避免语法错误。
- (更多有关eval()函数知识:https://www.jb51.net/article/21688.htm)