JSON 实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 阿里云大学(edu.aliyun.com)</title>
</head>
<body>
<h2>JavaScript 创建 JSON 对象 </h2>
<p>
网站名称: <span id="jname"></span><br />
网站地址: <span id="jurl"></span><br />
网站 slogan: <span id="jslogan"></span><br />
</p>
<script>
var JSONObject= {
"name":"阿里云大学",
"url":"edu.aliyun.com",
"slogan":"学的不仅是技术,更是梦想!"
};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jurl").innerHTML=JSONObject.url
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>
</body>
</html>
运行结果
JavaScript 创建 JSON 对象
网站名称: 阿里云大学
网站地址: edu.aliyun.com
网站 slogan: 学的不仅是技术,更是梦想!
与 XML 相同之处
JSON 是纯文本
JSON 具有 ” 自我描述性 ”(人类可读)
JSON 具有层级结构(值中存在值)
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输
与 XML 不同之处
没有结束标签
更短
读写的速度更快
能够使用内建的 JavaScript eval() 方法进行解析
使用数组
不使用保留字
为什么使用 JSON?
对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:
使用 XML:
1 读取 XML 文档
2 使用 XML DOM 来循环遍历文档
3 读取值并存储在变量中
使用 JSON:
1 读取 JSON 字符串
2 用 eval() 处理 JSON 字符串
免费 JSON 课程:阿里云大学——开发者课堂