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

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

Javascript 中的 简明json介绍


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