JSON简介(2)
2015-11-30 16:42
447 查看
例子:
类似XML
JSON是纯文本
JSON具有"自我描述性"
JSON具有层级结构
JSON可通过JavaScript进行解析
JSON数据可使用AJAX进行传输
想比XML的不同之处
没有结束标签
更短
读写数度更快
能够使用内建的JavaScript eval() 方法进行解析
使用数组
不使用保留字
为什么使用 JSON?
对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:
使用 XML
- 读取 XML 文档
- 使用 XML DOM 来循环遍历文档
- 读取值并存储在变量中
使用 JSON
- 读取 JSON 字符串
- 用 eval() 处理 JSON 字符串
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>json</title> </head> <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> </body> </html> <script type="text/javascript"> var JSONObject={"name":"liubeimeng","street":"beijing","age":"24","phone":"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>
类似XML
JSON是纯文本
JSON具有"自我描述性"
JSON具有层级结构
JSON可通过JavaScript进行解析
JSON数据可使用AJAX进行传输
想比XML的不同之处
没有结束标签
更短
读写数度更快
能够使用内建的JavaScript eval() 方法进行解析
使用数组
不使用保留字
为什么使用 JSON?
对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:
使用 XML
- 读取 XML 文档
- 使用 XML DOM 来循环遍历文档
- 读取值并存储在变量中
使用 JSON
- 读取 JSON 字符串
- 用 eval() 处理 JSON 字符串
相关文章推荐
- 轻松学习JavaScript八:JavaScript函数
- 一些有趣的Javascript技巧
- JavaScript基础——DOM扩展
- JSON教程(1)
- js 的基础知识
- Javascript:谈谈JS的全局变量跟局部变量
- 原创js模型驱动
- WebDatagrid三种获取值得方法javascript
- ExtJs入门
- Javascript模块化编程
- js中使用eval()的问题
- js中(function(){…})()立即执行函数写法理解
- jsp的session介绍 (转)
- jsoncpp库的使用方法
- Asp清除html中style,javascript,css代码
- Json应用
- JavaScript原型,原型链 !
- [转]jsp与servlet的区别联系
- html div展开收缩 js 代码
- json数据格式