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