简明json介绍_json-js教程-PHP中文网

简明json介绍_json

php中文网

发布： 2016-05-16 19:00:29

原创

1404人浏览过

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

台讯电子企业网站管理系统简繁全功能版

超级适合代理建设企业站点的企业源码，超方面实用！程序说明： 1.特色：简繁中文切换、产品展示系统、新闻发布系统、会员管理系统、留言本计数器、网站信息统计、强大后台操作功能等； 2.页面包括：首页、企业介绍、滚动公告通知发布系统、企业新闻系统、产品展示系统、企业案例发布展示系统、企业招聘信息发布系统、信息资源下载系统、在线定单系统、在线客服系统、在线留言本系统、网站调查投票系统、友情连接系统、会

查看详情

复制代码代码如下:

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

上面其实就是所谓的JSON了，我引用下别人的复杂点的例子：

复制代码代码如下:

{ firstName: "Brett", lastName:"McLaughlin", email: "brett@jb51.net" }

复制代码代码如下:

 
{ people: [ 
{ firstName: "Brett", lastName:"McLaughlin", email: "brett@jb51.net" }, 
{ firstName: "Jason", lastName:"Hunter", email: "jb51.net" }, 
{ firstName: "Elliotte", lastName:"Harold", emai": "elharo@jb51.net" } 
]} 
{ people1: [ 
{ firstName: "Brett", lastName:"McLaughlin", email: "brett@jb51.net" }, 
{ firstName: "Jason", lastName:"Hunter", email: "jb51.net" }, 
{ firstName: "Elliotte", lastName:"Harold", emai": "elharo@jb51.net" } 
], 
people2: [ 
{ firstName: "Brett", lastName:"McLaughlin", email: "brett@jb51.net" }, 
{ firstName: "Jason", lastName:"Hunter", email: "jb51.net" }, 
{ firstName: "Elliotte", lastName:"Harold", emai": "elharo@jb51.net" } 
], 
people3: [ 
{ firstName: "Brett", lastName:"McLaughlin", email: "brett@jb51.net" }, 
{ firstName: "Jason", lastName:"Hunter", email: "jb51.net" }, 
{ firstName: "Elliotte", lastName:"Harold", emai": "elharo@jb51.net" } 
] 
} 

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

复制代码代码如下:

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

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

大家都在看：

JavaScript Fetch API怎么用_它和AJAX有何不同？如何用JavaScript实现动态内容加载？ javascript的JSON如何解析_parse和stringify方法怎么用？什么是中间件_javascript中express如何应用？ javascript如何实现国际化_如何支持多语言网站