JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法

更新時(shí)間：2023年04月26日 15:48:11 作者：@小白在成長(zhǎng)

本文主要介紹了JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

為什么需要將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">
//這三種寫法都可以用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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: