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

最新文章

  1. Hibernate里save(),saveOrUpdate(),merge(),update()的区别
  2. Java系列:Add Microsoft SQL JDBC driver to Maven
  3. BZOJ1727 [Usaco2006 Open]The Milk Queue 挤奶队列
  4. 01TCP/IP基础
  5. mq_open
  6. iOS关于sqlite3操作
  7. js推断指定函数、变量是否存在的方法
  8. python成长之路16
  9. java中synchronized的使用方法与具体解释
  10. 网站集成QQ登录功能(转)
  11. LeetCode算法题-Prime Number of Set Bits in Binary Representation(Java实现)
  12. Chapter 4 Invitations——20
  13. Java集合类:&quot;随机访问&quot; 的RandomAccess接口
  14. 安卓微信连接fiddler等抓包工具无法抓取https
  15. ODI基于源表时间戳字段获取增量数据
  16. 查找运行时间超过1天的frmweb进程
  17. 新的时代:今日三款新IM正式宣战微信!
  18. SpringBoot 优化内嵌的Tomcat
  19. [Synology] [群晖] 关闭被占用的文件
  20. webView内部跳转后 返回不行了

热门文章

  1. Junit在SSH中的集成测试
  2. SBC37x交叉编译平台QT+OPENCV
  3. (27)Spring Boot Junit单元测试【从零开始学Spring Boot】
  4. JavaScript向window onload添加加载函数
  5. [bzoj2124]等差子序列_线段树_hash
  6. java基础开发—jstl标签库
  7. 关于View的ScrollTo, getScrollX 和 getScrollY
  8. Linux 端口 为什么要有端口
  9. Android常用的一些make命令【转】
  10. HO引擎近况20150422