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:關(guān)于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:
在線JSON代碼檢驗、檢驗、美化、格式化工具:
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語言風格/HTML/CSS/json代碼格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json
- JavaScript 三種創(chuàng)建對象的方法
- JS 創(chuàng)建對象(常見的幾種方法)
- JavaScript 創(chuàng)建對象
- js中創(chuàng)建對象的幾種方式示例介紹
- js創(chuàng)建對象的幾種常用方式小結(jié)(推薦)
- javascript轉(zhuǎn)換字符串為dom對象(字符串動態(tài)創(chuàng)建dom)
- JS對象創(chuàng)建的幾種方式整理
- js面向?qū)ο笾R妱?chuàng)建對象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
- Javascript 中創(chuàng)建自定義對象的方法匯總
- js中對象與對象創(chuàng)建方法的各種方法
相關(guān)文章
JavaScript實現(xiàn)的滾動公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實現(xiàn)的滾動公告特效,結(jié)合完整實例形式詳細分析了基于jQuery實現(xiàn)的頁面元素間歇修改,最終達到滾動公告效果的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07解決Jquery load()加載GB2312頁面時出現(xiàn)亂碼的兩種方案
jquery的字符集是utf-8,load方法加載完GB2312編碼靜態(tài)頁面后,出現(xiàn)中文亂碼,可以通過將兩個頁面的編碼格式轉(zhuǎn)換成utf8的方法來解決,具體如下,感興趣的朋友可以參考下2013-09-09jquery.cookie實現(xiàn)的客戶端購物車操作實例
這篇文章主要介紹了jquery.cookie實現(xiàn)的客戶端購物車操作,結(jié)合實例形式分析了jQuery基于cookie存儲及操作數(shù)據(jù)實現(xiàn)購物車功能的技巧,需要的朋友可以參考下2015-12-12jQuery-onload讓第一次頁面加載時圖片是淡入方式顯示
第一次打開一個頁面時,讓加載好的圖片先隱藏,然后再執(zhí)行動畫fadeIn,這里的load事件:當所有子元素已經(jīng)被完全加載完成時,load事件被發(fā)送到這個元素2012-05-05js判斷復(fù)選框是否選中的方法示例【基于jQuery】
這篇文章主要介紹了js判斷復(fù)選框是否選中的方法,結(jié)合實例形式分析了基于jQuery實現(xiàn)的復(fù)選框選中判斷相關(guān)操作技巧,需要的朋友可以參考下2019-10-10