JSON 數(shù)據(jù)解析的3種方式

2023-04-17 14:39 更新

概述

現(xiàn)在JSON格式在web開(kāi)發(fā)中越來(lái)越受重視，特別是在使用ajax開(kāi)發(fā)項(xiàng)目的過(guò)程中，經(jīng)常需要將json格式的字符串返回到前端，前端解析成JS對(duì)象（JSON ）。
ECMA-262(E3)中沒(méi)有將JSON概念寫到標(biāo)準(zhǔn)中，還好在 ECMA-262(E5)中JSON的概念被正式引入了，包括全局的JSON對(duì)象和Date的toJSON方法。
解析JSON數(shù)據(jù)的三種方法的介紹如下：

eval()方法

解析JSON數(shù)據(jù)的最常用方法是使用javascript的eval()方法，代碼如下：

代碼如下:
function toJson(str){
 var json = eval('(' + str + ')');
 return json;
}

該方法存在性能和安全方面的問(wèn)題，不建議使用。

new Function方法

代碼如下:
function toJson(str){
 var json = (new Function("return " + str))();
 return json;
}

JSON.parse()方法

這種方法只支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10 以上版本,這些瀏覽器都已經(jīng)接近W3C標(biāo)準(zhǔn)，默認(rèn)實(shí)現(xiàn)了toJSON方法。


代碼如下:
function toJson(str){
 return JSON.parse(str);
}

json2.js會(huì)在瀏覽器原生支持JSON.parse的時(shí)候選用原生版本，而且它跟ES5是API兼容的。在ES5還沒(méi)完全普及的現(xiàn)狀下，John Resig大神推薦用json2.js主要是為了現(xiàn)在就能用跟ES5兼容的API，日后能平滑過(guò)渡到ES5——只要去掉一個(gè)import就換過(guò)來(lái)了。

javascript解析json實(shí)例詳解

下載json庫(kù)
http://www.json.org/json-zh.html

自己找javascript的?；蛘咧苯尤ハ旅娴?br>https://github.com/douglascrockford/JSON-js
php生成json格式

使用頁(yè)面 

代碼如下:

<script src="scripts/json.js"></script>  
alert(data.toJSONString());

如果返回false說(shuō)明沒(méi)數(shù)據(jù)

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來(lái)轉(zhuǎn)換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());   
}


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)