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 相同之处

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

posted on 2019-06-14 14:36  开发者学习指南  阅读(180)  评论(0编辑  收藏  举报