深入理解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 数据。
相关文章
这篇文章主要介绍了JS深度拷贝Object Array,结合实例形式分析了JavaScript深度拷贝的原理,需要的朋友可以参考下2016-03-03
最近正在开发一个微信公众账号，其中有一项功能是用户发送文字消息给公众号，然后公众号返回图文消息给用户，用户再点击图文消息即可跳转到一个网页链接，在微信的内置浏览器中打开。2014-11-11
本篇文章主要是对利用JS获取计算机mac地址以及IP的实现方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了JS实现的简单拖拽功能,涉及javascript鼠标事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了微信小程序网络封装(简单高效)，微信小程序的网络请求很便捷，直接调用就可以了。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了Javascript 动态样式控制方法。文章总结了两个方法使用style属性来设置和定义好类选择器的样式,通过元素的ClassName属性来设置其Class属性值,需要的朋友可以参考一下2022-03-03
Bootstrap 4是一次重大更新，几乎涉及每行代码，这篇文章为大家分享了Bootstrap 4.0重大更新及亮点详细解读，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要介绍了JS生成不重复随机数组的函数代码,需要的朋友可以参考下2014-06-06
DOM与事件是JavaScript最核心的组成部分之一，他们赋予了页面无限的想象空间，你根本无法离开他们，否则js将寸步难行。本文给大家分享我对javascript dom事件的了解，对javascript dom事件相关知识感兴趣的朋友一起学习吧2015-12-12
Bootstrap标签页（Tab）插件切换echarts不显示问题的解决
这篇文章主要给大家介绍了关于Bootstrap标签页（Tab）插件切换echarts不显示问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
最新评论