深入理解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 变量、作用域及内存
Apr 08 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
jQuery插件Echarts实现的渐变色柱状图
Mar 23 jQuery
Node.js实现文件上传的示例
Jun 28 Javascript
JavaScript数据类型的存储方法详解
Aug 25 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
文本框(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
让PHP支持页面回退的两种方法[转]
2007/02/14 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
解析Ubuntu下crontab命令的用法
2013/06/24 PHP
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
项目中应用Redis+Php的场景
2016/05/22 PHP
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
一个仿糯米弹框效果demo
2014/07/22 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
在Vue项目中使用snapshot测试的具体使用
2019/04/16 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
JS+CSS实现动态时钟
2021/02/19 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
把大数据数字口语化(python与js)两种实现
2013/02/21 Python
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
Django权限设置及验证方式
2020/05/13 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
绘画专业自荐信范文
2014/02/23 职场文书
文明好少年事迹材料
2014/08/19 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
村党组织公开承诺书
2015/04/30 职场文书
Python利器openpyxl之操作excel表格
2021/04/17 Python
MySQL 不等于的三种使用及区别
2021/06/03 MySQL
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电