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