创新互联jSON教程：JSON数据解析的3种方式

概述

现在JSON格式在web开发中越来越受重视，特别是在使用ajax开发项目的过程中，经常需要将json格式的字符串返回到前端，前端解析成JS对象（JSON ）。
ECMA-262(E3)中没有将JSON概念写到标准中，还好在 ECMA-262(E5)中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。
解析JSON数据的三种方法的介绍如下：

eval()方法

解析JSON数据的最常用方法是使用javascript的eval()方法，代码如下：

代码如下:

function toJson(str){
 var json = eval('(' + str + ')');
 return json;
}

该方法存在性能和安全方面的问题，不建议使用。

new Function方法

代码如下:

function toJson(str){
 var json = (new Function("return " + str))();
 return json;
}

JSON.parse()方法

这种方法只支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本,这些浏览器都已经接近W3C标准，默认实现了toJSON方法。

代码如下:

function toJson(str){
 return JSON.parse(str);
}

json2.js会在浏览器原生支持JSON.parse的时候选用原生版本，而且它跟ES5是API兼容的。在ES5还没完全普及的现状下，John Resig大神推荐用json2.js主要是为了现在就能用跟ES5兼容的API，日后能平滑过渡到ES5——只要去掉一个import就换过来了。

javascript解析json实例详解

下载json库
http://www.json.org/json-zh.html

自己找javascript的。或者直接去下面的
https://github.com/douglascrockford/JSON-js
php生成json格式

使用页面

代码如下:

  
alert(data.toJSONString());

如果返回false说明没数据

js 代码

代码如下:

functionshowJSON() {   
   varuser =   
     {   
       "username":"tom",   
       "age":20,   
        "info": {"tel":"123456","cellphone":"98765"},   
      "address":   
       [   
                {"city":"shanghai","postcode":"201203"},   
                 {"city":"suzhou","postcode":"200000"}   
             ]   
     }   
       
     alert(user.username);   
     alert(user.age);   
     alert(user.info.cellphone);   
     alert(user.address[0].city);   
     alert(user.address[0].postcode);   
}

修改

代码如下:

user.username ="jerry";

可以使用eval来转换JSON字符到Object

代码如下:

functionmyEval() {   
    varstr = '{"name":"Violet","occupation":"character"}';   
    varbj = eval('(' + str + ')');   
     alert(obj.toJSONString());   
}

或者使用parseJSON()方法，代码如下:

functionmyEval() {   
    varstr = '{"name":"Violet","occupation":"character"}';   
    varbj = str.parseJSON();   
     alert(obj.toJSONString());   
}

文章标题：创新互联jSON教程：JSON数据解析的3种方式
网页地址：http://www.shufengxianlan.com/qtweb/news27/449977.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容