前台 JSON對象轉換成字符串 相互轉換 的幾種方式

     在最近的工作中，使用到JSON進行數據的傳遞，特別是從前端傳遞到后台，前台可以直接采用ajax的data函數，按json格式傳遞，后台Request即可，但有的時候，需要傳遞多個參數，后台使用request進行接收。有時傳遞了幾個數值，還好接收。但是如果傳遞一個json數組，這樣后台接受的時候Request多個很麻煩，此時要按照類的格式或者 集合的形式進行傳遞。例如下面的例子：

 

前台按類的格式傳遞JSON對象：

var jsonUserInfo = "{\"TUserName\":\"" + userName + "\",\"TInterest\":\"" + interest + "\",\"TSex\":\"" + sex + "\",\"TCity\":\"" + city + "\",\"TDetail\":\"" + detail + "\"}";如拼出的jsonUserInfo 無轉義符號，需要var jsonArrayFinal = JSON.stringify(jsonArray);進行轉換后再傳遞

 

$.ajax(
                    {
                        type: "post",
                        url: "ReceiveHandler1.ashx",
                        data: { userInfo: jsonUserInfo, flag: "123456", key: "654321" },
                        dataType: "JSON",
                        success: function(data) {
                            $("#divShow").html(data);
                        }
 });

   這是簡單的傳遞，如果傳遞多個數組，前台傳遞多個類格式的JSON數組，也就是集合類型。后台處理就比較麻煩，例如：

 

[{"name":"a"},{"name","b"},{"name","c"}]，則無法傳遞，此時必須使用JSON.stringify將數組對象轉換成字符串，再進行AJAX傳遞即可。

例如：兩個參數變量，一個是字符串，一個是數組。

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

 

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

JSON.stringify(obj)將JSON轉為字符串。JSON.parse(string)將字符串轉為JSON格式；

在轉換成一般使用了兩種方式，一個是JSON.stringify(obj),轉換成字符串，JSON.parse(string)將字符串轉為JSON格式，不過一個一個json.js的支持。不過在許多的瀏覽器現在都支持，可以直接使用。

     

上面的轉換可以這么寫：

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對象，不過http://www.json.org/js.html提供了一個json.js,這樣ie8(兼容模式),ie7和ie6就可以支持JSON對象以及其stringify()和parse()方法；你可以在https://github.com/douglascrockford/JSON-js上獲取到這個js，一般現在用json2.js。

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

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

jQuery中也有將字符串轉為JSON格式的方法jQuery.parseJSON( json )，接受一個標准格式的 JSON 字符串，並返回解析后的 JavaScript （JSON）對象。當然如果有興趣可以自己封裝一個jQuery擴展，jQuery.stringifyJSON(obj)將JSON轉為字符串。

這只是一種方法，還有幾種方法，大家可以看一下：

1>jQuery插件支持的轉換方式： 

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以將json字符串轉換成json對象 
2>瀏覽器支持的轉換方式(Firefox，chrome，opera，safari，ie9，ie8)等瀏覽器： 
JSON.parse(jsonstr); //可以將json字符串轉換成json對象 
JSON.stringify(jsonobj); //可以將json對象轉換成json對符串 
注：ie8(兼容模式),ie7和ie6沒有JSON對象，推薦采用JSON官方的方式，引入json.js。 

3>Javascript支持的轉換方式： 
eval('(' + jsonstr + ')'); //可以將json字符串轉換成json對象,注意需要在json字符外包裹一對小括號 
注：ie8(兼容模式),ie7和ie6也可以使用eval()將字符串轉為JSON對象，但不推薦這些方式，這種方式不安全eval會執行json串中的表達式。 

4>JSON官方的轉換方式： 
http://www.json.org/提供了一個json.js,這樣ie8(兼容模式),ie7和ie6就可以支持JSON對象以及其stringify()和parse()方法； 
可以在https://github.com/douglascrockford/JSON-js上獲取到這個js，一般現在用json2.js。