深入理解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小技巧 2.5 则
Sep 12 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
JavaScript操作cookie类实例
Mar 31 Javascript
jQuery右下角旋转环状菜单特效代码
Aug 10 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
深入理解基于vue-cli的vuex配置
Jul 24 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
前端深入理解Typescript泛型概念
Mar 09 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 Javascript
jquery自定义组件实例详解
Dec 31 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
高亮度显示php源代码
2006/10/09 PHP
PHP获得用户使用的代理服务器ip即真实ip
2006/12/31 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
禁止拷贝网页内容的js代码
2014/01/22 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
JS+Ajax实现百度智能搜索框
2017/08/04 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
js的Object.assign用法示例分析
2020/03/05 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
Python isinstance判断对象类型
2008/09/06 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
Python 实现王者荣耀中的敏感词过滤示例
2019/01/21 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
德国综合购物网站:OTTO
2018/11/13 全球购物
澳大利亚领先的女帽及配饰公司:Morgan&Taylor
2019/12/01 全球购物
校运动会广播稿300字
2014/10/07 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
2014年司法所工作总结
2014/11/22 职场文书
世界红十字日活动总结
2015/02/10 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
python实现自动清理文件夹旧文件
2021/05/10 Python
使用react+redux实现计数器功能及遇到问题
2021/06/02 Javascript