Jquery通過JSON字符串創(chuàng)建JSON對象

更新時間：2014年08月24日 09:56:56 投稿：whsnow

這篇文章主要介紹了Jquery如何通過JSON字符串創(chuàng)建JSON對象,并附詳細示例，需要的朋友可以參考下

<html>
<body>
<h2>通過 JSON 字符串來創(chuàng)建對象</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" }]}';
//通過eval()方法
//var obj = eval ("(" + txt + ")"); 
//通過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：關于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：

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

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

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

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

在線json壓縮/轉義工具：

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

C語言風格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

您可能感興趣的文章:

解析JSON對象與字符串之間的相互轉換
本篇文章主要是對JSON對象與字符串之間的相互轉換進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
jQuery源碼分析-03構造jQuery對象-工具函數(shù)
jQuery源碼分析-03構造jQuery對象-工具函數(shù)，需要的朋友可以參考下。
2011-11-11
14個有用的Jquery技巧分享
這篇文章主要介紹了14個有用的Jquery技巧分享,本文有一些性能優(yōu)化技巧、編碼優(yōu)化技巧、簡潔方法等,需要的朋友可以參考下
2015-01-01
jQuery實現(xiàn)滾動效果
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)滾動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
jQuery實現(xiàn)的網(wǎng)頁右下角tab樣式在線客服效果代碼
這篇文章主要介紹了jQuery實現(xiàn)的網(wǎng)頁右下角tab樣式在線客服效果代碼,涉及jQuery簡單樣式變換控制技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
jQuery實現(xiàn)基本淡入淡出效果的方法詳解
這篇文章主要介紹了jQuery實現(xiàn)基本淡入淡出效果的方法,結合實例形式詳細分析了jQuery使用fadeIn()、fadeOut()及fadeToggle()等方法控制頁面元素淡入淡出顯示效果的相關操作技巧,需要的朋友可以參考下
2018-09-09
jQuery中[attribute=value]選擇器用法實例
這篇文章主要介紹了jQuery中[attribute=value]選擇器用法,實例分析了[attribute=value]選擇器的功能、定義及給定屬性及屬性值元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2014-12-12
利用jQuery實現(xiàn)WordPress中@的ID懸浮顯示評論內容
這篇文章主要介紹了使用JavaScript實現(xiàn)WordPress中ID懸浮顯示評論的功能,就是在樓中樓式的評論中顯示被評論的主體內容,需要的朋友可以參考下
2015-12-12
JQUERY操作JSON實例代碼
通過這篇文章你可以得到以下收獲JQUERY操作JSON的一些實現(xiàn)方法。
2010-02-02
jQuery操作DOM_動力節(jié)點Java學院整理
這篇文章主要介紹了jQuery操作DOM，下面的DOM操作將圍繞上面的DOM樹進行學習JQueryDOM操作，有興趣的可以了解一下
2017-07-07