深入理解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脚本的性能的几个注意事项
Dec 22 Javascript
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
jquery uaMatch源代码
Feb 14 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
Oct 30 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
Aug 31 Javascript
简单的渐变轮播插件
Jan 12 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
Feb 28 Javascript
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 Javascript
vue-router传递参数的几种方式实例详解
Nov 13 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
jquery实现抽奖功能
Oct 22 jQuery
文本框(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
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
PHP上传文件及图片到七牛的方法
2018/07/25 PHP
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
js DataSet数据源处理代码
2010/03/29 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
2015/02/28 Javascript
js代码验证手机号码和电话号码是否合法
2015/07/30 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
基于vue.js的分页插件详解
2017/11/27 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
基于layui内置模块(element常用元素的操作)
2019/09/20 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
python 实现堆排序算法代码
2012/06/05 Python
Python实现程序的单一实例用法分析
2015/06/03 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
Python对象的属性访问过程详解
2020/03/05 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
为世界各地的女性设计和生产时尚服装:ROMWE
2016/09/17 全球购物
戴尔英国官网:Dell英国
2017/05/27 全球购物
社区党员公开承诺书
2014/08/30 职场文书
效能风暴心得体会
2014/09/04 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
五年级小学生评语
2014/12/26 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
劳动仲裁调解书
2015/05/20 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS