当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 简明json介绍

Javascript
QQ邮箱的一个文本编辑器代码
Z-Blog中用到的js代码
绝对经典的滑轮新闻显示(javascript+css)实现
用js实现的仿sohu博客更换页面风格(简单版)
仿Vista进程条效果
用Javascript判断图片是否存在,不存在则显示默认图片的代码
用JQuery 实现的自定义对话框
jQuery使用手册之三 CSS操作
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
贴图转换+转贴工具用到的js代码超级推荐
超级简单的图片防盗(HTML),好用
现代 javscript 编程 资料
超级可爱纯js网页时钟
Dojo之路:如何利用Dojo实现Drag and Drop效果
AJAX架构之Dojo篇
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
使用prototype.js 的时候应该特别注意的几个问题.
一个已封装好的漂亮进度条
漂亮的widgets,支持换肤和后期开发新皮肤
用javascript实现的仿Flash广告图片轮换效果

Javascript 中的 简明json介绍


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 476 ::
收藏到网摘: n/a

不要认为JSON是种新的应用 ,其实JSON就是javascript支持的一种对象直接量。

在JS中我们可以直接定义一个对象:

复制代码 代码如下:

var obj={name:"蓝色",age:10};

上面其实就是所谓的JSON了,我引用下别人的复杂点的例子:
复制代码 代码如下:

{ firstName: "Brett", lastName:"McLaughlin", email: "[email protected]" }

复制代码 代码如下:

{ people: [
{ firstName: "Brett", lastName:"McLaughlin", email: "[email protected]" },
{ firstName: "Jason", lastName:"Hunter", email: "ruanchen.com" },
{ firstName: "Elliotte", lastName:"Harold", emai": "[email protected]" }
]}
{ people1: [
{ firstName: "Brett", lastName:"McLaughlin", email: "[email protected]" },
{ firstName: "Jason", lastName:"Hunter", email: "ruanchen.com" },
{ firstName: "Elliotte", lastName:"Harold", emai": "[email protected]" }
],
people2: [
{ firstName: "Brett", lastName:"McLaughlin", email: "[email protected]" },
{ firstName: "Jason", lastName:"Hunter", email: "ruanchen.com" },
{ firstName: "Elliotte", lastName:"Harold", emai": "[email protected]" }
],
people3: [
{ firstName: "Brett", lastName:"McLaughlin", email: "[email protected]" },
{ firstName: "Jason", lastName:"Hunter", email: "ruanchen.com" },
{ firstName: "Elliotte", lastName:"Harold", emai": "[email protected]" }
]
}

2.后台传输进来的满足JSON条件的文本格式化。
因为JSON最大的用途是AJAX应用,因此关键是怎样把文本转换成javascript对象,假设我们请求回的文本为data,那么我们如下解析:
复制代码 代码如下:

data=data.replace(/\n | \r/g,"");
var obj=eval('('+data+')');

因为我们后台输出的时候会把空格和回车符也输出,因此这里要用正则替换掉,然后用eval转换成对象就可以调用了。