快捷導(dǎo)航

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

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

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

<html>
<body>
<h2>通過 JSON 字符串來創(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" }]}';
//通過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：關(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語言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

您可能感興趣的文章:

相關(guān)文章

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