深入理解JSON数据源格式

 更新时间:2014年01月10日 09:34:17   作者:  
JSON 在很多场合下作为数据格式比XML要更加方便。JSON的数据由对象、数组和元素等格式组成。每种格式都可以包含合法的JavaScript数据类型

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 数据。

相关文章

  • webpack实现热更新(实施同步刷新)

    webpack实现热更新(实施同步刷新)

    本篇文章主要介绍了webpack实现热更新(实施同步刷新),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • Uniapp微信小程序实现全局事件监听并进行数据埋点的方法

    Uniapp微信小程序实现全局事件监听并进行数据埋点的方法

    niapp起源 uni-app是一个使用Vue.js开发所有前端应用的框架,下面这篇文章主要给大家介绍了关于Uniapp微信小程序实现全局事件监听并进行数据埋点的相关资料,需要的朋友可以参考下
    2022-11-11
  • js获取标签元素data-*属性值的4种方法

    js获取标签元素data-*属性值的4种方法

    这篇文章主要分享了js获取标签元素data-*属性值的4种方法,标签上有两个属性​​data-id​​​ 和 ​​data-user-name​​, 需要通过js去获取,下面文章具体介绍需要的小伙伴可以参考一下
    2022-06-06
  • 常用的JavaScript WEB操作方法分享

    常用的JavaScript WEB操作方法分享

    这篇文章主要介绍了常用的JavaScript WEB操作方法分享,包含数组方法集、cookie方法集、url方法集、正则表达式方法集、字符串方法集、加密方法集、日期方法集等常用操作方法,需要的朋友可以参考下
    2015-02-02
  • 多个表单中如何获得这个文件上传的网址实现js代码

    多个表单中如何获得这个文件上传的网址实现js代码

    假设一个网页里有多个表单,其中一个表单里有文件上传,问题是如何获得这个文件上传的网址呢,接下来为大家介绍下实现的js代码,感兴趣的朋友可以参考下哈,希望可以帮助到你
    2013-03-03
  • JavaScript简单实现弹出拖拽窗口(二)

    JavaScript简单实现弹出拖拽窗口(二)

    这篇文章再次为大家详细介绍了JavaScript简单实现弹出拖拽窗口的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • JavaScript实现简易登录注册页面

    JavaScript实现简易登录注册页面

    这篇文章主要为大家详细介绍了JavaScript实现简易登录注册页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下<BR>
    2022-01-01
  • 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    下面小编就为大家带来一篇常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 一道超经典js面试题Foo.getName()的故事

    一道超经典js面试题Foo.getName()的故事

    Foo.getName算是一道比较老的面试题了,大致百度了一下在17年就有相关文章在介绍它,下面这篇文章主要给大家介绍了关于一道超经典js面试题Foo.getName()的相关资料,需要的朋友可以参考下
    2022-03-03
  • vue(javaScript)操作字符串的一些常用方法总结

    vue(javaScript)操作字符串的一些常用方法总结

    在平时前端开发中,我们不难发现经常会用到字符串操作,这篇文章主要给大家介绍了关于vue(javaScript)操作字符串的一些常用方法的相关资料,需要的朋友可以参考下
    2024-01-01

最新评论