深入理解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高级程序设计 阅读笔记(二十) js错误处理
Aug 14 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 Javascript
Angularjs注入拦截器实现Loading效果
Dec 28 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
JS实现简单tab选项卡切换
Oct 25 Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 Javascript
jquery实现穿梭框功能
Jan 19 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
VOLVO车载收音机
2021/03/02 无线电
PHP的FTP学习(一)[转自奥索]
2006/10/09 PHP
PHP实现原比例生成缩略图的方法
2016/02/03 PHP
PHP递归实现文件夹的复制、删除、查看大小操作示例
2017/08/11 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
JavaScript小技巧 2.5 则
2010/09/12 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
浅谈js中几种实用的跨域方法原理详解
2016/12/02 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
2017/03/10 Javascript
vue.js异步上传文件前后端实现代码
2017/08/22 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
React路由管理之React Router总结
2018/05/10 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
微信小程序实现文字无限轮播效果
2018/12/28 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
Django Celery异步任务队列的实现
2019/07/24 Python
Python如何调用外部系统命令
2019/08/07 Python
python爬虫判断招聘信息是否存在的实例代码
2020/11/20 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
摄影实习自我鉴定
2013/09/20 职场文书
会计实习生工作总结的自我评价
2013/10/07 职场文书
有针对性的求职自荐信
2013/11/14 职场文书
秘书英文求职信范文
2014/01/31 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
千手观音观后感
2015/06/03 职场文书
创业计划书之暑假培训班
2019/11/09 职场文书