<html>
<body>
<h2>通過(guò) JSON 字符串來(lái)創(chuàng)建對(duì)象</h3>
<p>
First Name: <span id="fname"></span><br /> 
Last Name: <span id="lname"></span><br /> 
</p> 
<script type="text/javascript">
//txt為字符串
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
//通過(guò)eval()方法
//var obj = eval ("(" + txt + ")"); 
//通過(guò)JSON解析
//obj = jQuery.parseJSON(txt);
obj = JSON.parse(txt);

document.getElementById("fname").innerHTML=obj.employees[1].firstName 
document.getElementById("lname").innerHTML=obj.employees[1].lastName 
</script>
</body>
</html>

PS：關(guān)于json操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：

在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：

http://tools.jb51.net/code/json_yasuo_trans

C語(yǔ)言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)的滾動(dòng)公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的滾動(dòng)公告特效,結(jié)合完整實(shí)例形式詳細(xì)分析了基于jQuery實(shí)現(xiàn)的頁(yè)面元素間歇修改,最終達(dá)到滾動(dòng)公告效果的相關(guān)操作技巧,需要的朋友可以參考下
2019-07-07
jquery寫個(gè)checkbox——類似郵箱全選功能
最近在學(xué)習(xí)jquery，今天抽空用jquery寫個(gè)checkbox——類似郵箱全選功能，感興趣的你可以參考下哈，希望可以幫助到你
2013-03-03
解決Jquery load()加載GB2312頁(yè)面時(shí)出現(xiàn)亂碼的兩種方案
jquery的字符集是utf-8，load方法加載完GB2312編碼靜態(tài)頁(yè)面后，出現(xiàn)中文亂碼，可以通過(guò)將兩個(gè)頁(yè)面的編碼格式轉(zhuǎn)換成utf8的方法來(lái)解決，具體如下，感興趣的朋友可以參考下
2013-09-09
jquery.cookie實(shí)現(xiàn)的客戶端購(gòu)物車操作實(shí)例
這篇文章主要介紹了jquery.cookie實(shí)現(xiàn)的客戶端購(gòu)物車操作,結(jié)合實(shí)例形式分析了jQuery基于cookie存儲(chǔ)及操作數(shù)據(jù)實(shí)現(xiàn)購(gòu)物車功能的技巧,需要的朋友可以參考下
2015-12-12
jQuery實(shí)現(xiàn)全選反選操作案例
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)全選操作案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
jquery獲取select選中值的方法分析
這篇文章主要介紹了jquery獲取select選中值的方法,結(jié)合實(shí)例詳細(xì)分析了jQuery獲取select選中項(xiàng)option文本值及value值的方法,同時(shí)給出了JavaScript獲取select選中項(xiàng)的技巧,需要的朋友可以參考下
2015-12-12
滾動(dòng)圖片效果 jquery實(shí)現(xiàn)回旋滾動(dòng)效果
jquery滾動(dòng)圖片效果,有些新手朋友可能不是很清楚，今天在網(wǎng)上找到一款回旋滾動(dòng)效果，拿出來(lái)和大家一起分享，感興趣的朋友可以了解下哦
2013-01-01
jQuery插件-jRating評(píng)分插件源碼分析及使用方法
該插件被廣泛應(yīng)用于各種需要評(píng)分的頁(yè)面當(dāng)中，今天作為學(xué)習(xí)，把源碼拿出來(lái)分析一下，順便學(xué)習(xí)其使用方法,需要了解的朋友可以研究下
2012-12-12
jQuery-onload讓第一次頁(yè)面加載時(shí)圖片是淡入方式顯示
第一次打開一個(gè)頁(yè)面時(shí),讓加載好的圖片先隱藏，然后再執(zhí)行動(dòng)畫fadeIn，這里的load事件：當(dāng)所有子元素已經(jīng)被完全加載完成時(shí)，load事件被發(fā)送到這個(gè)元素
2012-05-05
js判斷復(fù)選框是否選中的方法示例【基于jQuery】
這篇文章主要介紹了js判斷復(fù)選框是否選中的方法,結(jié)合實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的復(fù)選框選中判斷相關(guān)操作技巧,需要的朋友可以參考下
2019-10-10