深入理解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 04 Javascript
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
javascript动态控制服务器控件实例
Sep 05 Javascript
jquery实现select下拉框美化特效代码分享
Aug 18 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 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
discuz7 phpMysql操作类
2009/06/21 PHP
php中{}大括号是什么意思
2013/12/01 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
php使用MySQL保存session会话的方法
2015/06/18 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
php微信公众平台示例代码分析(二)
2016/12/06 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
AngularJS 应用身份认证的技巧总结
2016/11/07 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
Javascript中document.referrer隐藏来源的方法
2017/01/16 Javascript
Async Validator 异步验证使用说明
2017/07/03 Javascript
vue的事件绑定与方法详解
2017/08/16 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
vue-cli项目无法用本机IP访问的解决方法
2018/09/20 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
Python标准异常和异常处理详解
2015/02/02 Python
Python3中多线程编程的队列运作示例
2015/04/16 Python
Python环境变量设置方法
2016/08/28 Python
Python爬取十篇新闻统计TF-IDF
2018/01/03 Python
python selenium firefox使用详解
2019/02/26 Python
PyTorch笔记之scatter()函数的使用
2020/02/12 Python
通过自学python能找到工作吗
2020/06/21 Python
Python爬虫与反爬虫大战
2020/07/30 Python
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
材料物理专业大学毕业生求职信
2013/10/15 职场文书
毕业生护理专业个人求职信范文
2014/01/04 职场文书
毕业生个人求职信范文分享
2014/01/05 职场文书
施工安全责任书范本
2014/07/24 职场文书
2014年药品销售工作总结
2014/12/16 职场文书
三峡大坝导游词
2015/01/31 职场文书
应届毕业生自荐信
2015/03/04 职场文书
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS