溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery操作json的方法

發(fā)布時(shí)間:2020-12-11 13:46:16 來(lái)源:億速云 閱讀:291 作者:小新 欄目:web開發(fā)

小編給大家分享一下jquery操作json的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

jquery操作json的方法:1、使用【jquery中的$.parseJSON()】方法;2、使用js中eval來(lái)強(qiáng)轉(zhuǎn);3、使用瀏覽器自帶的【JSON.parse()】方法。

jquery操作json的方法:

第一種方法:使用jquery中的$.parseJSON(),但是它對(duì)json數(shù)據(jù)格式的要求較高,必須要雙引號(hào)包圍起來(lái)

<script type="text/javascript">    
    //第一種:使用jquery中自帶的$.parseJSON()函數(shù)
    var jsonStr1 = "{\"name\":\"蓋倫\"}";    
    var jsonStr2 = '{"name":"不祥之刃"}';
    var a = $.parseJSON(jsonStr1);
    console.log("這是一個(gè)json對(duì)象:",a);
    console.log(a.name);
    var c = $.parseJSON(jsonStr2);
    console.log("這是一個(gè)json對(duì)象:",c);
    
    //這種方式是錯(cuò)誤的
    var jsonStr3 = "{name:'不詳之刃'}";    //沒(méi)有雙引號(hào)包圍起來(lái)
    var b = $.parseJSON(jsonStr3);
    console.log(b);
    
</script>

第二種方法:使用js中eval來(lái)強(qiáng)轉(zhuǎn)

優(yōu)點(diǎn)是對(duì)json格式要求沒(méi)有那么嚴(yán)格,但是在處理復(fù)雜json數(shù)據(jù)時(shí)不好,例如含有對(duì)象的

//第2種:js里的方法使用eval來(lái)解析jason字符串
    var jsonstr1="[{\"id\":\"1\",\"name\":\"張三\"},{'id':2,'name':'李四'},{id:3,name:'王五'}]";
    //上面這三種寫法不論是用單引號(hào)包裹或者雙引號(hào)包裹或不包裹,都可以用eval解析過(guò)來(lái)
    var obj = eval('('+jsonstr1+')');
    console.log(obj);
    console.log(obj[0].name);

第三種方法:使用瀏覽器自帶的JSON.parse()

與jquery一樣,對(duì)json格式要求較高

//第3種:使用瀏覽器自帶的JSON.parse
    var jsonStr="{\"id\":\"4\",\"name\":\"王五\"}";
    var obj = JSON.parse(jsonStr); 
    console.log(obj);

看完了這篇文章,相信你對(duì)jquery操作json的方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI