Ajax中解析Json的兩種方法對比分析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　console.log( jsonObj.age ); //會先執(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í)候不會去判斷字符串是否合法，而且json對象中的js方法也會被執(zhí)行，這是非常危險(xiǎn)的；而“JSON.parse();”方法的優(yōu)點(diǎn)就不用多說了，推薦此方法。（不明白的盆友可以自己在控制臺測試一下）

二、擴(kuò)展問題

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

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

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

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

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

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

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

您可能感興趣的文章: