乐趣区

什么是JSON

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 课程:阿里云大学——开发者课堂

退出移动版