Ajax中解析Json的兩種方法對(duì)比分析

更新時(shí)間：2015年06月25日 10:15:04 投稿：hebedich

這里給大家介紹的是Ajax中解析Json的兩種方法對(duì)比分析，十分的實(shí)用，本文為學(xué)習(xí)筆記，屬新手文章，歡迎指教！

eval(); //此方法不推薦

JSON.parse(); //推薦方法

一、兩種方法的區(qū)別

我們先初始化一個(gè)json格式的對(duì)象：

　　var jsonDate = '{ "name":"周星馳","age":23 }'

　　var jsonObj = eval( '(' + jsonDate + ')' ); // eval();方法

　　var jsonObj = JSON.parse( jsonDate ); // JSON.parse(); 方法

然后在控制臺(tái)調(diào)用：

　　console.log( jsonObj.name ); // 兩種方法都可以正確輸入周星馳

那么問(wèn)題來(lái)了兩種方法有什么區(qū)別呢？（下面我們稍微把代碼改動(dòng)一下，藍(lán)色字體為修改部分）

　　var jsonDate = '{ "name":alert("hello"),"age":23 }'

　　var jsonObj = eval( '(' + jsonDate + ')' ); // eval();方法

　　console.log( jsonObj.age ); //會(huì)先執(zhí)行“alert”輸出“hello” 然后才輸出 23

換“JSON.parse();”方法：

　　var jsonDate = '{ "name":alert("hello"),"age":23 }'

　　var jsonObj = JSON.parse( jsonDate ); // JSON.parse(); 方法

　　cosole.log( jsonobj.age ) // 報(bào)錯(cuò) 這個(gè)錯(cuò)誤告訴我們這個(gè)字符串是不合法的

小結(jié)：“eval();”方法解析的時(shí)候不會(huì)去判斷字符串是否合法，而且json對(duì)象中的js方法也會(huì)被執(zhí)行，這是非常危險(xiǎn)的；而“JSON.parse();”方法的優(yōu)點(diǎn)就不用多說(shuō)了，推薦此方法。（不明白的盆友可以自己在控制臺(tái)測(cè)試一下）

二、擴(kuò)展問(wèn)題

復(fù)制代碼代碼如下:

var jsonDate = '{ "name":"周星馳","age":23 }'

大家可以看到在上面測(cè)試時(shí)一直用紅色把包在花括號(hào)外面的引號(hào)標(biāo)注了起來(lái)，這對(duì)引號(hào)是很關(guān)鍵卻又是常常被忽略的，因?yàn)?“eval();” 和 “JSON.parser();” 這兩個(gè)方法的參數(shù)只接受字符串，也就是說(shuō)只能解析字符串!!

那我不經(jīng)會(huì)有一個(gè)思考，我們?cè)诔跏蓟臅r(shí)候若不加引號(hào)對(duì)，那么它本身就是對(duì)象，js可以直接獲取對(duì)象本身的屬性和方法；為什么還要加引號(hào)將它變成字符串之后再用 “eval();” 或者 “JSON.parse();” 解析，這樣做不是既不環(huán)保又沒(méi)有效率嗎？

原因很簡(jiǎn)單：前端提供給后臺(tái)的只能是字符串?dāng)?shù)據(jù)格式，后臺(tái)返回給前臺(tái)的就看返回的是什么數(shù)據(jù)格式，是字符串就必須解析之后再用。

（這個(gè)小問(wèn)題一般大家都會(huì)忽略掉，不太關(guān)注。我之所以好奇的原因也是因?yàn)閷?duì)后臺(tái)了解的不夠，把這個(gè)問(wèn)題拋出來(lái)希望對(duì)后臺(tái)不熟的朋友有所幫助，知道是怎么回事后自然而然會(huì)加深記憶，在開(kāi)發(fā)過(guò)程中就不會(huì)漏掉了）

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章: