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

Javascript
jQuery开发者都需要知道的5个小技巧
Extjs学习笔记之六 面版
Javascript 中的类和闭包
IE6下JS动态设置图片src地址问题
Extjs学习笔记之七 布局
Extjs学习笔记之八 继承和事件基础
Extjs TriggerField在弹出窗口显示不出问题的解决方法
JavaScript中的集合及效率
利用js获取服务器时间的两个简单方法
在html页面上拖放移动标签
了解jQuery技巧来提高你的代码
JavaScript 页面坐标相关知识整理
Javascript UrlDecode函数代码
JQuery 遮罩层实现(mask)实现代码
jQuery 页面 Mask实现代码
Javascript的构造函数和constructor属性
js或css文件后面跟参数的原因说明
将CKfinder整合进CKEditor3.0的新方法
jQuery UI-Draggable 参数集合
jQuery 行级解析读取XML文件(附源码)

Javascript 中的 简明json介绍


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 233 ::
收藏到网摘: 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转换成对象就可以调用了。