javascript中JSON對(duì)象與JSON字符串相互轉(zhuǎn)換實(shí)例

2022-05-17 14:29 更新

1、jQuery插件支持的轉(zhuǎn)換方式: 

代碼如下:
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以將json字符串轉(zhuǎn)換成json對(duì)象

注:在jQuery 3.0 及以后版本中,該方法已被刪除,請(qǐng)使用原生方法 JSON.parse(str)

2、瀏覽器支持的轉(zhuǎn)換方式

(Firefox,chrome,opera,safari,ie9,ie8)等瀏覽器: 
代碼如下:
JSON.parse(jsonstr); //可以將json字符串轉(zhuǎn)換成json對(duì)象 
JSON.stringify(jsonobj); //可以將json對(duì)象轉(zhuǎn)換成json對(duì)符串 
注:ie8(兼容模式),ie7和ie6沒有JSON對(duì)象,推薦采用JSON官方的方式,引入json.js。 

3、Javascript支持的轉(zhuǎn)換方式: 

eval('(' + jsonstr + ')'); //可以將json字符串轉(zhuǎn)換成json對(duì)象,注意需要在json字符外包裹一對(duì)小括號(hào)
注:ie8(兼容模式),ie7和ie6也可以使用eval()將字符串轉(zhuǎn)為JSON對(duì)象,但不推薦這些方式,這種方式不安全eval會(huì)執(zhí)行json串中的表達(dá)式。 

4、JSON官方的轉(zhuǎn)換方式: 

http://www.json.org/提供了一個(gè)json.js,這樣ie8(兼容模式),ie7和ie6就可以支持JSON對(duì)象以及其stringify()和parse()方法; 

可以在https://github.com/douglascrockford/JSON-js上獲取到這個(gè)js,一般現(xiàn)在用json2.js。


在開發(fā)的過程中,如果對(duì)于少量參數(shù)的前后臺(tái)傳遞,可以直接采用ajax的data函數(shù),按json格式傳遞,后臺(tái)Request即可,但有的時(shí)候,需要傳遞多個(gè)參數(shù),這樣后臺(tái)

接受的時(shí)候Request多個(gè)很麻煩,此時(shí)要按照類的格式或者集合的形式進(jìn)行傳遞。

例如:前臺(tái)按類的格式傳遞JSON對(duì)象:

var jsonUserInfo = "{\"TUserName\":\"" + userName + "\",\"TInterest\":\"" + interest + "\",\"TSex\":\"" + sex + "\",\"TCity\":\"" + city + "\",\"TDetail\":\"" + detail + "\"}";

如拼出的 jsonUserInfo 無轉(zhuǎn)義符號(hào),需要 var jsonArrayFinal = JSON.stringify(jsonArray); 進(jìn)行轉(zhuǎn)換后再傳遞。

代碼如下:
$.ajax(
          {
                 type: "post",
                 url: "ReceiveHandler1.ashx",
                 data: { userInfo: jsonUserInfo, flag: "123456", key: "654321" },
                 dataType: "text",
                 success: function(data) {
                   $("#divShow").html(data);
          }
 });
如果前臺(tái)傳遞多個(gè)類格式的JSON數(shù)組,也就是集合類型:

例如:

[{"name":"a"},{"name","b"},{"name","c"}],則無法傳遞,此時(shí)必須使用JSON.stringify將數(shù)組對(duì)象轉(zhuǎn)換成字符串,再進(jìn)行AJAX傳遞即可。

比如我有兩個(gè)變量,我要將a轉(zhuǎn)換成字符串,將b轉(zhuǎn)換成JSON對(duì)象:

var a={"name":"tom","sex":"男","age":"24"}; 
var b='{"name":"Mike","sex":"女","age":"29"}';

在Firefox,chrome,opera,safari,ie9,ie8等高級(jí)瀏覽器直接可以用JSON對(duì)象的stringify()和parse()方法。

JSON.stringify(obj)將JSON轉(zhuǎn)為字符串。JSON.parse(string)將字符串轉(zhuǎn)為JSON格式;

上面的轉(zhuǎn)換可以這么寫:

var a={"name":"tom","sex":"男","age":"24"}; 
var b='{"name":"Mike","sex":"女","age":"29"}'; 
var aToStr=JSON.stringify(a); 
var bToObj=JSON.parse(b); 
alert(typeof(aToStr));  //string 
alert(typeof(bToObj));//object
JSON.stringify()

ie8(兼容模式),ie7和ie6沒有JSON對(duì)象,不過http://www.json.org/js.html提供了一個(gè)json.js,這樣ie8(兼容模式),ie7和ie6就可以支持JSON對(duì)象以及其stringify()和parse()方法;你可以在https://github.com/douglascrockford/JSON-js上獲取到這個(gè)js,一般現(xiàn)在用json2.js。

ie8(兼容模式),ie7和ie6可以使用eval()將字符串轉(zhuǎn)為JSON對(duì)象,

var c='{"name":"Mike","sex":"女","age":"29"}'; 
var cToObj=eval("("+c+")"); 
alert(typeof(cToObj));

jQuery中也有將字符串轉(zhuǎn)為JSON格式的方法jQuery.parseJSON( json ),接受一個(gè)標(biāo)準(zhǔn)格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)對(duì)象。當(dāng)然如果有興趣可以自己封裝一個(gè)jQuery擴(kuò)展,jQuery.stringifyJSON(obj)將JSON轉(zhuǎn)為字符串。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)