深入理解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创建命名空间(namespace)的最简实现
Dec 11 Javascript
javascript操作html控件实例(javascript添加html)
Dec 02 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
Dec 29 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
Apr 18 Javascript
浅析jQuery中使用$所引发的问题
May 29 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
JavaScript常用工具方法封装
Feb 12 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 Javascript
使用vue cli4.x搭建vue项目的过程详解
May 08 Javascript
js实现盒子滚动动画效果
Aug 09 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 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
一个简单的MySQL数据浏览器
2006/10/09 PHP
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
jquery实现excel导出的方法
2013/04/04 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
单击某一段文字改写文本颜色
2014/06/06 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
JS遍历对象属性的方法示例
2017/01/10 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
微信小程序联网请求的轮播图
2017/07/07 Javascript
深入探究AngularJs之$scope对象(作用域)
2017/07/20 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
python中list循环语句用法实例
2014/11/10 Python
Python检测字符串中是否包含某字符集合中的字符
2015/05/21 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
2019 Python最新面试题及答案16道题
2019/04/11 Python
Pytorch反向求导更新网络参数的方法
2019/08/17 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
大学校庆策划书
2014/01/31 职场文书
普通简短的个人自我评价
2014/02/15 职场文书
房屋出租协议书
2014/04/10 职场文书
幼儿园教师考核评语
2014/12/31 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang
MySQL自定义函数及触发器
2022/08/05 MySQL