深入理解JSON数据源格式


Posted in Javascript onJanuary 10, 2014

JSON [ JavaScript Object Notation ]:JavaScript 对象表示法。

它是一种轻量级的数据交换格式。

JSON 在很多场合下作为数据格式比XML 要更加方便。

JSON 的数据由对象、数组和元素等格式组成。每种格式都可以包含合法的JavaScript 数据类型。

在JavaScript 中,可以通过eval( ) 方法将字符串直接转化为JSON 格式。

JSON 数据源格式如下:

示例一:

{  
   "tablename":"表名", 
   "rows":[{"列1":"值1"},{"列2":"值2"}.....{"列n":"值n"}]  
} 

示例二:
 /* 与 JSON 等价的代码 
 var obj = new Object(); 
 obj.createPerson = function(_name,_age){ 
    this.name = _name; 
    this.age = _age; 
 } 
 obj.getAge = function(){ 
    return this.age; 
 } 
 */ var person = { 
"createPerson": function(_name,_age){ 
                 this.name = _name; 
                 this.age = _age; 
              }, 
 "getAge": function(){ 
              return this.age; 
           } 
 }; 
 person.createPerson("xugang",20); 
 var p = person.getAge(); 
 alert(p);

示例三:通过eval( ) 方法将字符串直接转化为JSON 并获得元素的值。
  <script type="text/javascript"> 
  <!-- 
    window.onload = function(){ 
       var json_text = "{ 'book':{'name':'JAVA编程','author':['Liu','Xu']},'num':222}";        //使用eval()将字符串转换为对象 
       var json_obj = eval("("+ json_text +")"); 
       //访问 book-name 
       document.write(json_obj.book.name); 
       //访问 book-author-Xu 
       document.write(json_obj.book.author[1]); 
    }  
  //--> 
  </script>

附:在JQuery 中提供了 $.getJSON( ) 方法,可以很快捷地访问到服务器端返回的JSON 数据。
Javascript 相关文章推荐
JavaScript去除空格的几种方法
Oct 03 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
Jul 31 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
基于javascript实现按圆形排列DIV元素(二)
Dec 02 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
Feb 10 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
Apr 07 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 #Javascript
Script标签与访问HTML页面详解
Jan 10 #Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 #Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 #Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 #Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 #Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 #Javascript
You might like
西德产收音机
2021/03/01 无线电
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
PHP的PDO大对象(LOBs)
2019/01/27 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
jQuery 表单验证插件formValidation实现个性化错误提示
2009/06/23 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
jQuery.deferred对象使用详解
2016/03/18 Javascript
详解Node.Js如何处理post数据
2016/09/19 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
js循环map 获取所有的key和value的实现代码(json)
2018/05/09 Javascript
vue离开当前页面触发的函数代码
2020/09/01 Javascript
js数组的基本使用总结
2021/01/18 Javascript
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
深入浅析python 中的匿名函数
2018/05/21 Python
Python爬虫小技巧之伪造随机的User-Agent
2018/09/13 Python
python中嵌套函数的实操步骤
2019/02/27 Python
对Python中画图时候的线类型详解
2019/07/07 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
python解析yaml文件过程详解
2019/08/30 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
Django框架models使用group by详解
2020/03/11 Python
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
Delphi CS笔试题
2014/01/04 面试题
幼儿园毕业典礼主持词
2014/03/21 职场文书
企业宣传策划方案
2014/05/29 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
12.4法制宣传日标语
2014/10/08 职场文书
民政局办理协议离婚(范本)
2014/10/25 职场文书
mysql分表之后如何平滑上线详解
2021/11/01 MySQL