DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 解析JSON對象與字符串之間的相互轉換
解析JSON對象與字符串之間的相互轉換
編輯:JQuery特效代碼     

在開發的過程中,如果對於少量參數的前後台傳遞,可以直接采用ajax的data函數,按json格式傳遞,後台Request即可,但有的時候,需要傳遞多個參數,這樣後台

接受的時候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: "text",
                        success: function(data) {
                            $("#divShow").html(data);
                        }
 });

如果前台傳遞多個類格式的JSON數組,也就是集合類型:

例如:

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

比如我有兩個變量,我要將a轉換成字符串,將b轉換成JSON對象:

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格式;

上面的轉換可以這麼寫:
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轉為字符串。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved