什么是JSON ?

373 阅读1分钟

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>

运行结果

avaScript 创建 JSON 对象


 


网站名称: 阿里云大学


网站地址: edu.aliyun.com


网站 slogan: 学的不仅是技术,更是梦想!

与 XML 相同之处

l JSON 是纯文本

l JSON 具有"自我描述性"(人类可读)

l JSON 具有层级结构(值中存在值)

l JSON 可通过 JavaScript 进行解析

l JSON 数据可使用 AJAX 进行传输

与 XML 不同之处

l 没有结束标签

l 更短

l 读写的速度更快

l 能够使用内建的 JavaScript eval() 方法进行解析

l 使用数组

l 不使用保留字

为什么使用 JSON

对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:

使用 XML

读取 XML 文档

使用 XML DOM 来循环遍历文档

读取值并存储在变量中

使用 JSON

读取 JSON 字符串

用 eval() 处理 JSON 字符串

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