深入理解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  Error 对象 错误处理
May 18 Javascript
ajax无刷新动态调用股票信息(改良版)
Nov 01 Javascript
javascript 设计模式之单体模式 面向对象学习基础
Apr 18 Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
seajs模块之间依赖的加载以及模块的执行
Oct 21 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
Oct 24 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
Dec 15 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
Vue+axios 实现http拦截及路由拦截实例
Apr 25 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
Feb 05 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 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
遭遇php的in_array低性能问题
2013/09/17 PHP
PHP 7.0.2 正式版发布
2016/01/08 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
javascript  Error 对象 错误处理
2008/05/18 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
javascript 当前日期加(天、周、月、年)
2009/08/09 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
判断数组是否包含某个元素的js函数实现方法
2016/05/19 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
微信小程序开发animation心跳动画效果
2017/08/16 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
Vue-不允许嵌套式的渲染方法
2018/09/13 Javascript
mpvue开发音频类小程序踩坑和建议详解
2019/03/12 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
python使用chardet判断字符串编码的方法
2015/03/13 Python
Python标准库之Sys模块使用详解
2015/05/23 Python
python脚本内运行linux命令的方法
2015/07/02 Python
python之matplotlib学习绘制动态更新图实例代码
2018/01/23 Python
对python Tkinter Text的用法详解
2018/10/11 Python
python 内置模块详解
2019/01/01 Python
python调用c++传递数组的实例
2019/02/13 Python
python变量命名的7条建议
2019/07/04 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
大一自我鉴定范文
2013/12/27 职场文书
公司离职证明标准格式
2014/11/18 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript