深入理解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代码在页面加载时的执行顺序介绍
May 03 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
JavaScript面试技巧之数组的一些不low操作
Mar 22 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
Angular如何由模板生成DOM树的方法
Dec 23 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 Javascript
Vue+Bootstrap实现简易学生管理系统
Feb 09 Vue.js
vue如何使用模拟的json数据查看效果
Mar 31 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无法访问远程mysql的问题分析及解决
2013/05/16 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
PHP7 新增功能
2021/03/09 PHP
js 分栏效果实现代码
2009/08/29 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
javascript中Object使用详解
2015/01/26 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
2016/01/18 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
浅谈jquery的html方法里包含特殊字符的处理
2016/11/30 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
Vue中的transition封装组件的实现方法
2019/08/13 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
使用python的chardet库获得文件编码并修改编码
2014/01/22 Python
Python json模块使用实例
2015/04/11 Python
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
Django uwsgi Nginx 的生产环境部署详解
2019/02/02 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
详细分析Python可变对象和不可变对象
2020/07/09 Python
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
索尼巴西商店:Sony巴西
2019/06/21 全球购物
Puma印度官网:德国运动品牌
2019/10/06 全球购物
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
办公室文秘自我鉴定
2013/09/21 职场文书
社区包粽子活动方案
2014/01/21 职场文书
物流管理专业求职信
2014/05/29 职场文书
大学计划书范文800字
2014/08/14 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python