深入理解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 相关文章推荐
js关闭模态窗口刷新父页面或跳转页面
Dec 13 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
Feb 27 Javascript
jquery实现的动态回到顶部特效代码
Oct 28 Javascript
聊一聊jQuery插件uploadify使用方法
Aug 24 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
Mar 30 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
Vue 实现把表单form数据 转化成json格式的数据
Oct 29 Javascript
vue实现淘宝购物车功能
Apr 20 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
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
PHP根据两点间的经纬度计算距离
2014/10/31 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
设定php简写功能的方法
2019/11/28 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
web 页面分页打印的实现
2009/06/22 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
JavaScript中输出标签的方法
2014/08/27 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
2015/08/18 Javascript
js实现密码强度检测【附示例】
2016/03/30 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
Bootstrap按钮组实例详解
2017/07/03 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
vue+elementUI动态生成面包屑导航教程
2019/11/04 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
Python实现的双色球生成功能示例
2017/12/18 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
印尼旅游网站:via
2017/11/12 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
新锐科技Java程序员面试题
2016/07/25 面试题
《可爱的动物》教学反思
2014/02/22 职场文书
公务员检讨书
2014/11/01 职场文书
长城英文导游词
2015/01/30 职场文书
西岭雪山导游词
2015/02/06 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python