JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法
為什么需要將jQuery字符串轉(zhuǎn)JSON?
在進(jìn)行數(shù)據(jù)交換的過(guò)程中,我們通常會(huì)使用JSON格式來(lái)傳遞數(shù)據(jù)。在前端開(kāi)發(fā)中,我們經(jīng)常需要將一個(gè)字符串轉(zhuǎn)換成JSON對(duì)象,以便于對(duì)數(shù)據(jù)進(jìn)行操作和處理。而jQuery提供了非常方便的方法來(lái)實(shí)現(xiàn)字符串轉(zhuǎn)JSON的功能。
第一種:用jquery里自帶的$.parseJSON函數(shù):
<script language="javascript"> var jsonstr1="{\"id\":\"1\",\"name\":\"John\"}"; var obj=$.parseJSON(jsonstr1); alter(obj.id); </script>
用$.parseJSON來(lái)把字符串轉(zhuǎn)換為json對(duì)象,對(duì)字符串要求極高,字符串里的屬性全部用雙引號(hào)來(lái)包裹,并且不能用單引號(hào)。
第二種:js里的方法,用eval把字符串轉(zhuǎn)換為json:
<script language="javascript"> //這三種寫(xiě)法都可以用eval來(lái)轉(zhuǎn)換 var jsonstr1="{\"id\":\"1\",\"name\":\"John\"}"; var jsonstr1={'id':'1','name':'John'}; var jsonstr1={id:1,name:'John'}; var obj=eval('('+jsonstr1+')'); alert(obj.id); </script>
在用eval把字符串轉(zhuǎn)為json時(shí),需要在字符串外包裹一對(duì)小括號(hào);
第三種:使用瀏覽器自帶的JSON.parse:
<script language="javascript"> var jsonstr1="{\"id\":\"1\",\"name\":\"John\"}"; var obj=JSON.parse(jsonstr1) alert(obj.id); </script>
Firefox,chrome,opera等瀏覽器都支持JSON.parse,但I(xiàn)E6、IE7不支持,并且對(duì)要轉(zhuǎn)換的字符串要求也比較高。
第四種:JSON官方提供的方法:
www.json.org 提供了一個(gè)json.js,可以用parse()方法來(lái)把字符串轉(zhuǎn)換為json,用stringify()來(lái)把json轉(zhuǎn)換為字符串;
到此這篇關(guān)于JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法的文章就介紹到這了,更多相關(guān)JQuery 字符串轉(zhuǎn)為json內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
jquery驗(yàn)證手機(jī)號(hào)碼、郵箱格式是否正確示例代碼
本文為大家介紹下使用jquery驗(yàn)證郵箱、驗(yàn)證手機(jī)號(hào)碼,具體實(shí)現(xiàn)思路及代碼如下,感興趣的朋友可以學(xué)習(xí)下2013-07-07jquery全選/全不選/反選另一種實(shí)現(xiàn)方法(配合原生js)
本文主要介紹下jquery另一種全選、全不選、反選的方式(與原生js混合使用),感興趣的朋友可以參考下哈,希望對(duì)你有所幫助2013-04-04jQuery實(shí)現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過(guò)變色的兩種方法
這篇文章主要介紹jQuery實(shí)現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過(guò)變色的兩種方法,需要的朋友可以參考下2014-06-06高效Web開(kāi)發(fā)的10個(gè)jQuery代碼片段
這篇文章主要為大家詳細(xì)介紹了高效Web開(kāi)發(fā)的10個(gè)jQuery代碼片段,具有一定的實(shí)用性和參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07