JavaScript的eval JSON object問(wèn)題
更新時(shí)間:2009年11月15日 23:09:46 作者:
在做AJAX應(yīng)用開(kāi)發(fā)的時(shí)候,我們通常喜歡把服務(wù)器端返回的JSON格式字符串在客戶端的回調(diào)函數(shù)中把它作為JavaScript代碼執(zhí)行并用一個(gè)變量保存起來(lái),以方便使用返回的數(shù)據(jù)。
通常的做法就是var jsonData = eval(xmlHttp.responseText)。這看起來(lái)似乎一切都是正確的,但當(dāng)你運(yùn)行代碼的時(shí)候,你會(huì)發(fā)現(xiàn)報(bào)“invalid labe”錯(cuò)誤了。為什么?我也不清楚,但我找到了解決這個(gè)問(wèn)題的方法。
在我剛遇到這個(gè)問(wèn)題的時(shí)候也特別頭痛,因?yàn)榭雌饋?lái)所有編碼是正確的,為了測(cè)試出現(xiàn)問(wèn)題的位置,我逐漸縮小代碼范圍,最終得到如下簡(jiǎn)短代碼:
var jsonStr1 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj1 = eval(jsonStr1);
alert(jsonObj1.Name);
以上代碼執(zhí)行正是報(bào)一開(kāi)始說(shuō)的invalid labe錯(cuò)誤。難道eval函數(shù)對(duì)某些表達(dá)式或?qū)ο笥邢拗疲坑谑俏矣譁y(cè)試了數(shù)組對(duì)象,代碼如下,結(jié)果下面代碼運(yùn)行很正常:
var arrStr = '["Tom","Man"]';
var arrObj = eval(arrStr);
alert(arrObj[0]);
難道是我機(jī)子上的JavaScript解析器就JSON解析方面出了問(wèn)題,于是我又測(cè)試下面代碼,但結(jié)果一樣正常:
var jsonObj = {"Name":"Tom","Sex":"Man"};
alert(jsonObj.Name);
最終我還是沒(méi)有自行把問(wèn)題解決,于是根據(jù)相關(guān)錯(cuò)誤信息上網(wǎng)搜索答案,沒(méi)想到一下子就找到了問(wèn)題的根源,解決辦法就是“在eval的時(shí)候,要先把 JSON字符串值用 ‘()'括號(hào)先括起來(lái)”。網(wǎng)上找的資料都沒(méi)有說(shuō)明是什么原因,當(dāng)然我也還是沒(méi)有明白正真的原因的。括號(hào)是起強(qiáng)制先執(zhí)行或先運(yùn)算作用的,返回的JSON就一個(gè)完整的對(duì)象,中間也沒(méi)有表達(dá)式,為什么還要加括號(hào)!像數(shù)組這種較復(fù)雜點(diǎn)的對(duì)象也能正常eval。沒(méi)辦法,就先記著這種用法吧。正確用法如下(注意看eval兩端的括號(hào)):
var jsonStr2 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj2 = eval('(' + jsonStr2 + ')');
alert(jsonObj2.Name);
在我剛遇到這個(gè)問(wèn)題的時(shí)候也特別頭痛,因?yàn)榭雌饋?lái)所有編碼是正確的,為了測(cè)試出現(xiàn)問(wèn)題的位置,我逐漸縮小代碼范圍,最終得到如下簡(jiǎn)短代碼:
復(fù)制代碼 代碼如下:
var jsonStr1 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj1 = eval(jsonStr1);
alert(jsonObj1.Name);
以上代碼執(zhí)行正是報(bào)一開(kāi)始說(shuō)的invalid labe錯(cuò)誤。難道eval函數(shù)對(duì)某些表達(dá)式或?qū)ο笥邢拗疲坑谑俏矣譁y(cè)試了數(shù)組對(duì)象,代碼如下,結(jié)果下面代碼運(yùn)行很正常:
復(fù)制代碼 代碼如下:
var arrStr = '["Tom","Man"]';
var arrObj = eval(arrStr);
alert(arrObj[0]);
難道是我機(jī)子上的JavaScript解析器就JSON解析方面出了問(wèn)題,于是我又測(cè)試下面代碼,但結(jié)果一樣正常:
復(fù)制代碼 代碼如下:
var jsonObj = {"Name":"Tom","Sex":"Man"};
alert(jsonObj.Name);
最終我還是沒(méi)有自行把問(wèn)題解決,于是根據(jù)相關(guān)錯(cuò)誤信息上網(wǎng)搜索答案,沒(méi)想到一下子就找到了問(wèn)題的根源,解決辦法就是“在eval的時(shí)候,要先把 JSON字符串值用 ‘()'括號(hào)先括起來(lái)”。網(wǎng)上找的資料都沒(méi)有說(shuō)明是什么原因,當(dāng)然我也還是沒(méi)有明白正真的原因的。括號(hào)是起強(qiáng)制先執(zhí)行或先運(yùn)算作用的,返回的JSON就一個(gè)完整的對(duì)象,中間也沒(méi)有表達(dá)式,為什么還要加括號(hào)!像數(shù)組這種較復(fù)雜點(diǎn)的對(duì)象也能正常eval。沒(méi)辦法,就先記著這種用法吧。正確用法如下(注意看eval兩端的括號(hào)):
復(fù)制代碼 代碼如下:
var jsonStr2 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj2 = eval('(' + jsonStr2 + ')');
alert(jsonObj2.Name);
您可能感興趣的文章:
- js中eval詳解
- eval(function(p,a,c,k,e,d)系列解密javascript程序
- jquery eval解析JSON中的注意點(diǎn)介紹
- javascript eval和JSON之間的聯(lián)系
- jqeury eval將字符串轉(zhuǎn)換json的方法
- js使用eval解析json(js中使用json)
- js下用eval生成JSON對(duì)象
- js中eval()函數(shù)和trim()去掉字符串左右空格應(yīng)用
- JSON 和 JavaScript eval使用說(shuō)明
- JavaScript eval() 函數(shù)介紹及應(yīng)用示例
- JavaScript中的eval()函數(shù)詳解
- 了解一點(diǎn)js的Eval函數(shù)
- JS使用eval()動(dòng)態(tài)創(chuàng)建變量的方法
相關(guān)文章
Web?Components使用生命周期回調(diào)函數(shù)實(shí)例詳解
這篇文章主要為大家介紹了Web?Components使用生命周期回調(diào)函數(shù)實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10Bootstrap基本組件學(xué)習(xí)筆記之進(jìn)度條(15)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本組件學(xué)習(xí)筆記之進(jìn)度條,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12使用JavaScript獲取Request中參數(shù)的值方法
下面小編就為大家?guī)?lái)一篇使用JavaScript獲取Request中參數(shù)的值方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09Javascript 中創(chuàng)建自定義對(duì)象的方法匯總
這篇文章主要匯總介紹了Javascript 中創(chuàng)建自定義對(duì)象的方法,需要的朋友可以參考下2014-12-12JavaScript中l(wèi)ayer關(guān)閉指定彈出窗口方法總結(jié)
這篇文章主要給大家介紹了關(guān)于JavaScript中l(wèi)ayer關(guān)閉指定彈出窗口方法的相關(guān)資料,layer是layui的一個(gè)彈出層組件,但是可以作為獨(dú)立組件使用,需要的朋友可以參考下2023-10-10JavaScript中html畫(huà)布的使用與頁(yè)面存儲(chǔ)技術(shù)詳解
這篇文章主要介紹了JavaScript中html畫(huà)布的使用與頁(yè)面存儲(chǔ)技術(shù),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-08-08jQuery AJAX回調(diào)函數(shù)this指向問(wèn)題
了解JavaScript的人都知道JavaScript的this不總是指向當(dāng)前對(duì)象,函數(shù)或類中的this指向與調(diào)用這個(gè)函數(shù)的對(duì)象以及上下文環(huán)境是息息相關(guān)的。2010-02-02