什么是JSON ？

时间 2019-12-12

标签什么 json 栏目 JavaScript 繁體版

原文原文链接

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>

运行结果html

JavaScript 建立 JSON 对象

网站名称: 阿里云大学
网站地址: edu.aliyun.com
网站 slogan: 学的不只是技术，更是梦想！

与 XML 相同之处

 JSON 是纯文本
 JSON 具备"自我描述性"（人类可读）
 JSON 具备层级结构（值中存在值）
 JSON 可经过 JavaScript 进行解析
 JSON 数据可以使用 AJAX 进行传输数组

与 XML 不一样之处

 没有结束标签
 更短
 读写的速度更快
 可以使用内建的 JavaScript eval() 方法进行解析
 使用数组
 不使用保留字less

为何使用 JSON？

对于 AJAX 应用程序来讲，JSON 比 XML 更快更易使用：
使用 XML：
1 读取 XML 文档
2 使用 XML DOM 来循环遍历文档
3 读取值并存储在变量中
使用 JSON：
1 读取 JSON 字符串
2 用 eval() 处理 JSON 字符串网站

免费JSON课程：阿里云大学——开发者课堂阿里云