在做AJAX應用開發(fā)的時候,我們通常喜歡把服務器端返回的JSON格式字符串在客戶端的回調函數(shù)中把它作為JavaScript代碼執(zhí)行并用一個變量保存起來,以方便使用返回的數(shù)據(jù)。通常的做法就是var jsonData = eval(xmlHttp.responseText)。這看起來似乎一切都是正確的,但當你運行代碼的時候,你會發(fā)現(xiàn)報“invalid labe”錯誤了。為什么?我也不清楚,但我找到了解決這個問題的方法。
在我剛遇到這個問題的時候也特別頭痛,因為看起來所有編碼是正確的,為了測試出現(xiàn)問題的位置,我逐漸縮小代碼范圍,最終得到如下簡短代碼:
var jsonObj1 = eval(jsonStr1);
alert(jsonObj1.Name);
以上代碼執(zhí)行正是報一開始說的invalid labe錯誤。難道eval函數(shù)對某些表達式或對象有限制?于是我又測試了數(shù)組對象,代碼如下,結果下面代碼運行很正常:
var arrObj = eval(arrStr);
alert(arrObj[0]);
難道是我機子上的JavaScript解析器就JSON解析方面出了問題,于是我又測試下面代碼,但結果一樣正常:
alert(jsonObj.Name);
最終我還是沒有自行把問題解決,于是根據(jù)相關錯誤信息上網(wǎng)搜索答案,沒想到一下子就找到了問題的根源,解決辦法就是“在eval的時候,要先把 JSON字符串值用 ‘()’括號先括起來”。網(wǎng)上找的資料都沒有說明是什么原因,當然我也還是沒有明白正真的原因的。括號是起強制先執(zhí)行或先運算作用的,返回的JSON就一個完整的對象,中間也沒有表達式,為什么還要加括號!像數(shù)組這種較復雜點的對象也能正常eval。沒辦法,就先記著這種用法吧。正確用法如下(注意看eval兩端的括號):
var jsonObj2 = eval('(' + jsonStr2 + ')');
alert(jsonObj2.Name);