通常的做法就是var jsonData = eval(xmlHttp.responseText)。這看起來似乎一切都是正確的,但當你運行代碼的時候,你會發現報“invalid labe”錯誤了。為什嗎?我也不清楚,但我找到瞭解決這個問題的方法。
在我剛遇到這個問題的時候也特別頭痛,因為看起來所有編碼是正確的,為了測試出現問題的位置,我逐漸縮小代碼範圍,最終得到如下簡短代碼: 複製代碼 代碼如下:var jsonStr1 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj1 = eval(jsonStr1);
alert(jsonObj1.Name);
以上代碼執行正是報一開始說的invalid labe錯誤。難道eval函數對某些運算式或對象有限制?於是我又測試了數組對象,代碼如下,結果下面代碼運行很正常: 複製代碼 代碼如下:var arrStr = '["Tom","Man"]';
var arrObj = eval(arrStr);
alert(arrObj[0]);
難道是我機子上的JavaScript解析器就JSON解析方面出了問題,於是我又測試下面代碼,但結果一樣正常: 複製代碼 代碼如下:var jsonObj = {"Name":"Tom","Sex":"Man"};
alert(jsonObj.Name);
最終我還是沒有自行把問題解決,於是根據相關錯誤資訊上網搜尋答案,沒想到一下子就找到了問題的根源,解決辦法就是“在eval的時候,要先把 JSON字串值用 ‘()'括弧先括起來”。網上找的資料都沒有說明是什麼原因,當然我也還是沒有明白正真的原因的。括弧是起強制先執行或先運算作用的,返回的JSON就一個完整的對象,中間也沒有運算式,為什麼還要加括弧!像數組這種較複雜點的對象也能正常eval。沒辦法,就先記著這種用法吧。正確用法如下(注意看eval兩端的括弧): 複製代碼 代碼如下:var jsonStr2 = '{"Name":"Tom","Sex":"Man"}';
var jsonObj2 = eval('(' + jsonStr2 + ')');
alert(jsonObj2.Name);