JSON 简介
2016-03-29 20:39
471 查看
实例
<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2> <p> Name: <span id="jname"></span><br /> Age: <span id="jage"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p> <script type="text/javascript"> var JSONObject= { "name":"Bill Gates", "street":"Fifth Avenue New York 666", "age":56, "phone":"555 1234567"}; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jage").innerHTML=JSONObject.age document.getElementById("jstreet").innerHTML=JSONObject.street document.getElementById("jphone").innerHTML=JSONObject.phone </script> </body> </html>
查看结果:
在 JavaScript 中创建 JSON 对象
Name: Bill GatesAge: 56
Address: Fifth Avenue New York 666
Phone: 555 1234567
类似 XML
JSON 是纯文本JSON 具有“自我描述性”(人类可读)
JSON 具有层级结构(值中存在值)
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输
相比 XML 的不同之处
没有结束标签更短
读写的速度更快
能够使用内建的 JavaScript eval() 方法进行解析
使用数组
不使用保留字
为什么使用 JSON?
对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:使用 XML
读取 XML 文档使用 XML DOM 来循环遍历文档
读取值并存储在变量中
使用 JSON
读取 JSON 字符串用 eval() 处理 JSON 字符串
相关文章推荐
- js学习
- JavaScript操作Cookie——基础篇
- JS学习笔记(二)
- js技巧 自刷新的几种方法
- JS窗口间通信--localStorage
- Atitit. Js 冒泡事件阻止 事件捕获 事件传递 事件代理
- Atitit. Js 冒泡事件阻止 事件捕获 事件传递 事件代理
- Atitit. Js 冒泡事件阻止 事件捕获 事件传递 事件代理
- 用html+css+js实现选项卡切换效果
- JSP里比对单选框或复选框的数值而自动打勾
- js判断是否为移动设备
- JackJsonUtils工具类
- FastJSON 常用操作
- js 正则表达式之test函数讲解
- 去除url后缀(.html,.jsp等)的有效方法
- 正则表达式带有双引号 如何去掉 js里用
- edge.js
- js权威指南里面的贷款计算器
- 为sublime Text3 安装插件JS Format
- js多并发怎么控制