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