深入理解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 相关文章推荐
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
jQuery过滤选择器详解
Jan 13 Javascript
js获取内联样式的方法
Jan 27 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
javascript控制台详解
Jun 25 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
Aug 28 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
Dec 24 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
Jun 20 Javascript
Node配合WebSocket做多文件下载以及进度回传
Nov 07 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
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
php 输出双引号&quot;与单引号'的方法
2010/05/09 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
2007/08/31 Javascript
仿迅雷焦点广告效果(JQuery版)
2008/11/19 Javascript
关于extjs4如何获取grid修改后的数据的问题
2013/08/07 Javascript
javascript ready和load事件的区别示例介绍
2013/08/30 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
javascript实现简单的全选和反选功能
2016/01/05 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
2017/03/09 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
对python函数签名的方法详解
2019/01/22 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
centos7之Python3.74安装教程
2019/08/15 Python
pytorch .detach() .detach_() 和 .data用于切断反向传播的实现
2019/12/27 Python
python识别验证码的思路及解决方案
2020/09/13 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
美国第二大连锁药店:Rite Aid
2019/04/03 全球购物
离婚协议书范本(2014版)
2014/09/28 职场文书
2014年售票员工作总结
2014/11/19 职场文书
妈妈别哭观后感
2015/06/08 职场文书
趣味运动会加油词
2015/07/18 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
人事任命书范本
2015/09/21 职场文书
openstack中的rpc远程调用的方法
2021/07/09 Python
一起来看看Vue的核心原理剖析
2022/03/24 Vue.js
python manim实现排序算法动画示例
2022/08/14 Python